SDG-AI-Lab · Jacobojijo · May 30, 2025 · May 30, 2025
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,11 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect } from 'react';
 import { HashRouter } from 'react-router-dom';
-import { chakra } from '@chakra-ui/react';
+
 import { NavApp } from './navigation/AppNav';
 import { AppRadarProvider } from './radar/RadarProvider';
 import { AppUiProvider } from './ui/AppUiProvider';
 import { getDataVersion } from 'helpers/databaseClient';
-import loader from './assets/loader.svg';
 
 import './App.css';
 
@@ -16,40 +15,10 @@ import './App.css';
  * and replace HashRouter
  **/
 export const App: React.FC = () => {
-  const [isLoading, setIsLoading] = useState(true);
   useEffect(() => {
-    const fetchDataVersion = async (): Promise<void> => {
-      try {
-        setIsLoading(true);
-        await getDataVersion();
-      } catch (err) {
-        console.error('Failed to fetch data version:', err);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-
-    void fetchDataVersion();
+    void getDataVersion();
   }, []);
 
-  if (isLoading) {
-    return (
-      <chakra.section
-        display={'flex'}
-        flexDirection={'row'}
-        alignItems={'center'}
-        justifyContent={'center'}
-        height={'100vh'}
-        fontWeight='500'
-        color='#334683'
-        gap={'10px'}
-      >
-        <img src={loader} alt='loading spinner' />
-        <span>Loading...</span>
-      </chakra.section>
-    );
-  }
-
   return (
     <AppUiProvider>
       <AppRadarProvider>

diff --git a/src/components/infoCard/InfoCard.tsx b/src/components/infoCard/InfoCard.tsx
@@ -30,7 +30,7 @@ export const InfoCard: React.FC<Props> = ({
 }) => {
   const infoRoute = useLocation().pathname.split('/')[1];
   const fallBackImage = background;
-  // 'https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg';
+  // 'https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png';
   return (
     <Link to={`/${infoRoute}/${slug}`} className='infoCard'>
       <div className='infoImage'>

diff --git a/src/components/projectPreview/ProjectPreviewCard.tsx b/src/components/projectPreview/ProjectPreviewCard.tsx
@@ -16,7 +16,7 @@ interface Props {
 export const ProjectPreviewCard: React.FC<Props> = ({ project }) => {
   const { setCurrentProject } = useContext(RadarContext);
   const fallBackImage =
-    'https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg';
+    'https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png';
 
   return (
     <div className='projectPreviewContainer'>

diff --git a/src/components/shared/image/Image.tsx b/src/components/shared/image/Image.tsx
@@ -5,7 +5,7 @@ interface Props {
 }
 
 const FALLBACK_IMAGE =
-  'https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg';
+  'https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png';
 
 export const Image: React.FC<Props> = ({ imgUrl }) => (
   <img

diff --git a/src/components/views/blip/BlipView.tsx b/src/components/views/blip/BlipView.tsx
@@ -33,7 +33,7 @@ export const BlipView: FC = () => {
               width={'75%'}
               paddingLeft={'25%'}
               src={`${selectedItem['Image Url']}`}
-              fallbackSrc='https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg'
+              fallbackSrc='https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png'
               alt='Default Image'
             />
           </Stack>

diff --git a/src/pages/homePage/components/HomeCardMini.tsx b/src/pages/homePage/components/HomeCardMini.tsx
@@ -13,7 +13,7 @@ interface Props {
 export const HomeCardMini: React.FC<Props> = ({ project, type = '' }) => {
   const { setCurrentProject } = useContext(RadarContext);
   const fallBackImage =
-    'https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg';
+    'https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png';
   return (
     <div className='homeComponent'>
       <Link

diff --git a/src/pages/map-view/ProjectSlider.tsx b/src/pages/map-view/ProjectSlider.tsx
@@ -49,7 +49,7 @@ export const ProjectSlider: React.FC<Props> = ({ blips }) => {
               <Image
                 objectFit='cover'
                 src={`${value['Image Url']}`}
-                fallbackSrc='https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg'
+                fallbackSrc='https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png'
                 alt='Default Image'
               />
             </Stack>

diff --git a/src/pages/projects/projectComponent/Project.tsx b/src/pages/projects/projectComponent/Project.tsx
@@ -24,7 +24,7 @@ export const Project: React.FC<Props> = ({
 
   const path = useLocation().pathname;
   const fallBackImage =
-    'https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg';
+    'https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png';
 
   const handleMoreClick = (e: React.MouseEvent): void => {
     e.preventDefault();

diff --git a/src/pages/projects/projectDetails/ProjectDetails.tsx b/src/pages/projects/projectDetails/ProjectDetails.tsx
@@ -15,7 +15,7 @@ import DeleteIcon from '@mui/icons-material/Delete';
 import { isAdmin } from 'components/shared/helpers/auth';
 
 const fallBackImage =
-  'https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg';
+  'https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png';
 
 export const ProjectDetails: React.FC = () => {
   const [project, setProject] = useState<any>(null);

diff --git a/src/pages/projects/projectOverlay/projectOverlay.tsx b/src/pages/projects/projectOverlay/projectOverlay.tsx
@@ -17,7 +17,7 @@ interface Props {
 }
 
 const fallBackImage =
-  'https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg';
+  'https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png';
 
 export const ProjectOverlay: React.FC<Props> = ({
   project,

diff --git a/src/pages/search/SearchResult.tsx b/src/pages/search/SearchResult.tsx
@@ -74,7 +74,7 @@ export const SearchResult: React.FC<SearchResultProps> = (
                           objectFit='scale-down'
                           h='100%'
                           src={`${value['Image Url']}`}
-                          fallbackSrc='https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg'
+                          fallbackSrc='https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png'
                           alt='Default Image'
                         />
                       </Stack>

diff --git a/src/pages/search/SearchView.tsx b/src/pages/search/SearchView.tsx
@@ -155,7 +155,7 @@ export const SearchView: React.FC<SearchViewProps> = ({
               <Image
                 objectFit='cover'
                 src={`${techContent['Image Url'] || techContent['img_url']}`}
-                fallbackSrc='https://frigiv.palsgaard.com/media/1303/palsgaard-supports-the-un-sustainable-development-goals.jpg'
+                fallbackSrc='https://sxmzetpbqzjchodypatn.supabase.co/storage/v1/object/public/project-images//fallback-image.png'
                 alt='Default Image'
               />
             </Stack>