src/app/elements.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from "react";
 
-import { Nav } from "@/components/Nav";
+import { Nav } from "@/components/Nav/Nav";
 import { NavClient } from "@/components/Nav/NavClient";
 
 import { Component } from "@/typings/component";

src/app/results/Video.tsx

@@ -3,7 +3,6 @@
 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";
@@ -50,7 +49,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>
-								{data.uploaded && <h1>{formatUploadedTime(data.uploaded)}</h1>}
+								<h1>{formatUploadedTime(data.uploaded)}</h1>
 							</div>
 							<Link
 								as={NextLink}
@@ -58,12 +57,14 @@ export const Video: Component<{ data: VideoItem }> = ({ data }) => {
 								className="flex flex-row gap-2 items-center"
 							>
 								{data.author.avatar && (
-									<Avatar
+									<Image
-										isBordered
+										width={64}
-										name={data.author.name}
+										height={64}
-										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>