From c6670d637021bb016acef506c1e4e45f772d9b5e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Magnus=20Alexander=20Str=C3=B8mseng?=
 <magnus.stromseng@gmail.com>
Date: Wed, 10 Apr 2024 17:41:14 +0200
Subject: [PATCH] fix: actually fix avatar image

---
 frontend/src/app/blog/[articleSlug]/page.tsx |  7 ++++++-
 frontend/src/components/AvatarImageFix.tsx   | 18 ------------------
 2 files changed, 6 insertions(+), 19 deletions(-)
 delete mode 100644 frontend/src/components/AvatarImageFix.tsx

diff --git a/frontend/src/app/blog/[articleSlug]/page.tsx b/frontend/src/app/blog/[articleSlug]/page.tsx
index a9efcdf..0c30220 100644
--- a/frontend/src/app/blog/[articleSlug]/page.tsx
+++ b/frontend/src/app/blog/[articleSlug]/page.tsx
@@ -93,7 +93,12 @@ export default async function Page({
                     {avatarURL && (
                         <Avatar className="">
                             {avatarURL && (
-                                <NextImage src={avatarURL} alt="Avatar Image" />
+                                <NextImage
+                                    src={avatarURL}
+                                    alt="Avatar Image"
+                                    width={50}
+                                    height={50}
+                                />
                             )}
                             {!avatarURL && (
                                 <AvatarFallback>
diff --git a/frontend/src/components/AvatarImageFix.tsx b/frontend/src/components/AvatarImageFix.tsx
deleted file mode 100644
index 473eb9e..0000000
--- a/frontend/src/components/AvatarImageFix.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { cn } from "@/lib/utils";
-import Image from "next/image";
-
-const AvatarImageFix = React.forwardRef<
-    React.ElementRef<typeof Image>,
-    React.ComponentPropsWithoutRef<typeof Image>
->(({ className, src, ...props }, ref) => (
-    <Image
-        ref={ref}
-        className={cn("aspect-square h-full w-full", className)}
-        src={src}
-        {...props}
-    />
-));
-AvatarImageFix.displayName = "AvatarImageFix";
-
-export { AvatarImageFix };