add link to user section home

ArtisanConnect/components/UserBlock.jsx

@@ -1,23 +1,35 @@
-import { VStack } from '@/components/ui/vstack';
-import { Avatar, AvatarImage, AvatarFallbackText } from "@/components/ui/avatar";
+import { VStack } from "@/components/ui/vstack";
+import {
+  Avatar,
+  AvatarImage,
+  AvatarFallbackText,
+} from "@/components/ui/avatar";
 import { Heading } from "@/components/ui/heading";
-import { Box } from '@/components/ui/box';
+import { Box } from "@/components/ui/box";
+import { Link } from "expo-router";
 
 export default function UserBlock({ user }) {
-      
-      return (
-      <Box className="rounded-md bg-white p-4 items-center justify-center mb-6" >
-      <VStack space="md" className='items-center'>
-        <Avatar>
-          <AvatarFallbackText>{user.firstName} {user.lastName}</AvatarFallbackText>
-          <AvatarImage
-            source={{
-              uri: user.image,
-            }}
-          />
-        </Avatar>
-          <Heading size="sm">{user.firstName} {user.lastName}</Heading>
-      </VStack>
+  return (
+    <Link href={`/user/${user.id}`}>
+      <Box className="rounded-md bg-white p-4 items-center justify-center mb-6">
+        <VStack space="md" className="items-center">
+          <Avatar>
+            <AvatarFallbackText>
+              {user.firstName} {user.lastName}
+            </AvatarFallbackText>
+            <AvatarImage
+              source={{
+                uri:
+                  user.image ||
+                  "https://th.bing.com/th/id/OIP.3coo_N8sieled8QNroQmkgHaHa?rs=1&pid=ImgDetMain",
+              }}
+            />
+          </Avatar>
+          <Heading size="sm">
+            {user.firstName} {user.lastName}
+          </Heading>
+        </VStack>
       </Box>
-      );
+    </Link>
+  );
 }

ArtisanConnect/components/UserSection.jsx

@@ -14,7 +14,9 @@ export function UserSection({ notices, title }) {
   useEffect(() => {
     if (token) {
       axios
-        .get("https://hopp.zikor.pl/api/v1/clients/get/all", { headers })
+        .get("https://hopp.zikor.pl/api/v1/clients/get/all", {
+          headers: headers,
+        })
         .then((res) => setUsers(res.data))
         .catch(() => setUsers([]));
     }