fix new comment image

Author: ameer2468

apps/web/actions/videos/new-comment.ts

@@ -4,6 +4,7 @@ import { db } from "@cap/database";
 import { getCurrentUser } from "@cap/database/auth/session";
 import { nanoId } from "@cap/database/helpers";
 import { comments } from "@cap/database/schema";
+import type { ImageUpload } from "@cap/web-domain";
 import { Comment, type Video } from "@cap/web-domain";
 import { revalidatePath } from "next/cache";
 import { createNotification } from "@/lib/Notification";
@@ -12,6 +13,7 @@ export async function newComment(data: {
 	content: string;
 	videoId: Video.VideoId;
 	type: "text" | "emoji";
+	authorImage: ImageUpload.ImageUrl | null;
 	parentCommentId: Comment.CommentId;
 	timestamp: number;
 }) {
@@ -67,7 +69,7 @@ export async function newComment(data: {
 	const commentWithAuthor = {
 		...newComment,
 		authorName: user.name,
-		authorImageUrlOrKey: user.image ?? null,
+		authorImage: data.authorImage,
 		sending: false,
 	};
 

apps/web/app/s/[videoId]/_components/ShareHeader.tsx

@@ -238,12 +238,14 @@ export const ShareHeader = ({
 							</div>
 							<div className="flex gap-7 items-center">
 								<div className="flex gap-2 items-center">
-									<SignedImageUrl
-										name={data.ownerName ?? "User"}
-										image={data.ownerImage}
-										className="size-8"
-										letterClass="text-base"
-									/>
+									{data.ownerName && (
+										<SignedImageUrl
+											name={data.ownerName}
+											image={data.ownerImage}
+											className="size-8"
+											letterClass="text-base"
+										/>
+									)}
 									<div className="flex flex-col text-left">
 										<p className="text-sm text-gray-12">{data.ownerName}</p>
 										<p className="text-xs text-gray-10">

apps/web/app/s/[videoId]/_components/tabs/Activity/Comments.tsx

@@ -109,6 +109,7 @@ export const Comments = Object.assign(
 				const data = await newComment({
 					content,
 					videoId: props.videoId,
+					authorImage: user.imageUrl,
 					parentCommentId: Comment.CommentId.make(""),
 					type: "text",
 					timestamp: currentTime,