From 6423bae1785f8c85fedfdde2bfc1376de5392424 Mon Sep 17 00:00:00 2001
From: Guus van Meerveld <mail@guusvanmeerveld.dev>
Date: Sun, 24 Mar 2024 16:44:34 +0100
Subject: [PATCH] results: exchange author image for avatar

---
 src/app/results/Video.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/app/results/Video.tsx b/src/app/results/Video.tsx
index 641bd4c..4009310 100644
--- a/src/app/results/Video.tsx
+++ b/src/app/results/Video.tsx
@@ -3,6 +3,7 @@
 import NextImage from "next/image";
 import NextLink from "next/link";
 
+import { Avatar } from "@nextui-org/avatar";
 import { Card, CardBody } from "@nextui-org/card";
 import { Image } from "@nextui-org/image";
 import { Link } from "@nextui-org/link";
@@ -49,7 +50,7 @@ export const Video: Component<{ data: VideoItem }> = ({ data }) => {
 							<h1 className="text-xl">{data.title}</h1>
 							<div className="flex flex-row gap-4 items-center font-semibold text-default-600">
 								<h1>{formatBigNumber(data.views)} views</h1>
-								<h1>{formatUploadedTime(data.uploaded)}</h1>
+								{data.uploaded && <h1>{formatUploadedTime(data.uploaded)}</h1>}
 							</div>
 							<Link
 								as={NextLink}
@@ -57,14 +58,12 @@ export const Video: Component<{ data: VideoItem }> = ({ data }) => {
 								className="flex flex-row gap-2 items-center"
 							>
 								{data.author.avatar && (
-									<Image
-										width={64}
-										height={64}
+									<Avatar
+										isBordered
+										name={data.author.name}
+										size="lg"
 										src={data.author.avatar}
 										alt={data.author.name}
-										className="rounded-full"
-										as={NextImage}
-										unoptimized
 									/>
 								)}
 								<h1 className="text-lg text-default-600">{data.author.name}</h1>