fix: user profile types.

Author: Sahil2004

platforms/pictique/src/lib/fragments/Profile/Profile.svelte

@@ -27,7 +27,7 @@
 			onerror={() => {
 				profileData.avatarUrl = '/images/user.png';
 			}}
-			alt={profileData.username}
+			alt={profileData.handle}
 			class="h-20 w-20 rounded-full object-cover"
 		/>
 		<div class="flex-1">
@@ -65,7 +65,7 @@
 				<li class="mb-6 list-none" onclick={() => handleSinglePost(post)}>
 					<Post
 						avatar={profileData.avatarUrl || 'https://picsum.photos/200/200'}
-						username={profileData?.name ?? profileData?.username}
+						username={profileData?.name ?? profileData?.handle}
 						imgUris={post.imgUris ?? []}
 						text={post.caption}
 						time={post.time ? new Date(post.time).toLocaleDateString() : ''}

platforms/pictique/src/lib/types.ts

@@ -1,80 +1,81 @@
-import type { SVGAttributes } from 'svelte/elements';
+import type { SVGAttributes } from "svelte/elements";
 
 export interface ISvgProps extends SVGAttributes<SVGElement> {
-	size?: number | string;
-	color?: string;
+    size?: number | string;
+    color?: string;
 }
 
 export type CommentType = {
-	commentId: string;
-	name: string;
-	userImgSrc: string;
-	comment: string;
-	isUpVoted: boolean;
-	isDownVoted: boolean;
-	upVotes: number;
-	time: string;
-	replies: CommentType[];
+    commentId: string;
+    name: string;
+    userImgSrc: string;
+    comment: string;
+    isUpVoted: boolean;
+    isDownVoted: boolean;
+    upVotes: number;
+    time: string;
+    replies: CommentType[];
 };
 
 export type PostData = {
-	createdAt: string | number | Date;
-	id: string;
-	avatar: string;
-	userId: string;
-	username: string;
-	imgUris: string[];
-	caption: string;
-	time: string;
-	count: {
-		likes: number;
-		comments: number;
-	};
+    createdAt: string | number | Date;
+    id: string;
+    avatar: string;
+    userId: string;
+    username: string;
+    imgUris: string[];
+    caption: string;
+    time: string;
+    count: {
+        likes: number;
+        comments: number;
+    };
 };
 
 export interface Post {
-	id: string;
-	text: string;
-	images: string[];
-	author: {
-		id: string;
-		handle: string;
-		name: string;
-		avatarUrl: string;
-	};
-	createdAt: string;
-	likedBy: userProfile[];
-	comments: {
-		id: string;
-		text: string;
-		author: {
-			id: string;
-			handle: string;
-			name: string;
-			avatarUrl: string;
-		};
-		createdAt: string;
-	}[];
+    id: string;
+    text: string;
+    images: string[];
+    author: {
+        id: string;
+        handle: string;
+        name: string;
+        avatarUrl: string;
+    };
+    createdAt: string;
+    likedBy: userProfile[];
+    comments: {
+        id: string;
+        text: string;
+        author: {
+            id: string;
+            handle: string;
+            name: string;
+            avatarUrl: string;
+        };
+        createdAt: string;
+    }[];
 }
 
 export type userProfile = {
-	userId: string;
-	username: string;
-	avatarUrl: string;
-	totalPosts: number;
-	followers: number;
-	following: number;
-	userBio: string;
-	posts: PostData[];
+    id: string;
+    handle: string;
+    description: string;
+    name: string;
+    avatarUrl: string;
+    totalPosts: number;
+    followers: number;
+    following: number;
+    posts: PostData[];
 };
 
 export type Image = {
-	url: string;
-	alt: string;
+    url: string;
+    alt: string;
 };
 
 export type GroupInfo = {
-	id: string;
-	name: string;
-	avatar: string;
+    id: string;
+    name: string;
+    avatar: string;
 };

platforms/pictique/src/routes/(protected)/home/+page.svelte

@@ -149,7 +149,7 @@
 			</li>
 		{/each}
 		<MessageInput
-			class="fixed start-0 bottom-4 mt-4 w-full px-5"
+			class="fixed bottom-4 start-0 mt-4 w-full px-5"
 			variant="comment"
 			src="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
 			bind:value={commentValue}

platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte

@@ -47,7 +47,7 @@
 	async function handleMessage() {
 		try {
 			await apiClient.post('/api/chats/', {
-				name: profile?.username,
+				name: profile?.handle,
 				participantIds: [profileId]
 			});
 			goto('/messages');
@@ -62,7 +62,6 @@
 		selectedPost.value = post;
 		// goto("/profile/post");
 	}
-
 	onMount(fetchProfile);
 </script>