fix: add user avatar

ntua-unit-of-control-and-informatics · Jul 16, 2024 · 13625f4 · 13625f4
1 parent e1a8dff
commit 13625f4
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/next.config.mjs b/next.config.mjs
@@ -1,6 +1,16 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
     output: "standalone",
+    images: {
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: 'api.dicebear.com',
+                port: '',
+                pathname: '/9.x/pixel-art/**',
+            },
+        ],
+    },
 };
 
 export default nextConfig;
diff --git a/src/app/dashboard/components/UserAvatar.tsx b/src/app/dashboard/components/UserAvatar.tsx
@@ -79,7 +79,12 @@ export default function UserAvatar({ session }: { session: Session | null }) {
             avatarProps={{
               size: 'sm',
               showFallback: true,
-              src: session?.user?.image || undefined,
+              src:
+                session?.user?.image ||
+                `https://api.dicebear.com/9.x/pixel-art/jpg?seed=${session?.user?.name?.replace(
+                  ' ',
+                  '',
+                )}`,
             }}
             name={session?.user?.name}
           />