try to fix avatar yet again

NTNU-SmallSatLab · Apr 10, 2024 · 626d5fb · 626d5fb
1 parent 23095e2
commit 626d5fb
Showing 1 changed file with 13 additions and 9 deletions.
diff --git a/frontend/src/app/blog/[articleSlug]/page.tsx b/frontend/src/app/blog/[articleSlug]/page.tsx
@@ -4,8 +4,8 @@ import { BlocksContent } from "@strapi/blocks-react-renderer";
 import BlockRendererClient from "@/components/BlockRendererClient";
 import { gql } from "@/__generated__/gql";
 import { getClient } from "@/lib/ApolloClient";
-import { AvatarImageFix } from "@/components/AvatarImageFix";
 import ShareButtons from "@/components/ShareButtons";
+import NextImage from "next/image";
 
 const STRAPI_URL = process.env.STRAPI_URL;
 
@@ -92,14 +92,18 @@ export default async function Page({
                 <div className="flex flex-1 justify-start gap-1">
                     {avatarURL && (
                         <Avatar className="">
-                            <AvatarImageFix src={avatarURL} alt="Avatar" />
-                            <AvatarFallback>
-                                {// Get initials from author name
-                                authorName
-                                    ?.split(" ")
-                                    .map((name: any) => name[0])
-                                    .join("")}
-                            </AvatarFallback>
+                            {avatarURL && (
+                                <NextImage src={avatarURL} alt="Avatar Image" />
+                            )}
+                            {!avatarURL && (
+                                <AvatarFallback>
+                                    {// Get initials from author name
+                                    authorName
+                                        ?.split(" ")
+                                        .map((name: any) => name[0])
+                                        .join("")}
+                                </AvatarFallback>
+                            )}
                         </Avatar>
                     )}
                     <div className="flex flex-col justify-center">