Add fallback to default image and fix frontend Dockerfile (#633)

* fix: ci * fix: image and dockerfile --------- Co-authored-by: orig <[email protected]>
origranot · Dec 24, 2023 · 5dcb2ee · 5dcb2ee
1 parent 7f0cfee
commit 5dcb2ee
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/apps/frontend/Dockerfile b/apps/frontend/Dockerfile
@@ -15,7 +15,7 @@ WORKDIR /app
 ARG API_DOMAIN
 ARG CLIENTSIDE_API_DOMAIN
 ARG DOMAIN
-ARG STORAGE_BUCKET
+ARG STORAGE_DOMAIN
 
 # Set environment variables
 ENV NODE_ENV=production

diff --git a/apps/frontend/src/components/navbar/profile/profile.tsx b/apps/frontend/src/components/navbar/profile/profile.tsx
@@ -41,10 +41,17 @@ export const Profile = component$(({ user }: ProfileProps) => {
 });
 
 export const getProfilePictureUrl = async (id: string, name: string) => {
-  const response = await fetch(`${process.env.STORAGE_DOMAIN}/${PROFILE_PICTURE_PREFIX}/${id}`);
-  if (response.ok) {
-    return `${process.env.STORAGE_DOMAIN}/${PROFILE_PICTURE_PREFIX}/${id}?lastModified=${response.headers.get('last-modified')}`;
+  const DEFAULT_URL = `https://ui-avatars.com/api/?name=${name}`;
+  let url = DEFAULT_URL;
+
+  try {
+    const response = await fetch(`${process.env.STORAGE_DOMAIN}/${PROFILE_PICTURE_PREFIX}/${id}`);
+    if (response.ok) {
+      url = `${process.env.STORAGE_DOMAIN}/${PROFILE_PICTURE_PREFIX}/${id}?lastModified=${response.headers.get('last-modified')}`;
+    }
+  } catch (err) {
+    url = DEFAULT_URL;
   }
 
-  return `https://ui-avatars.com/api/?name=${name}`;
+  return url;
 };