Fix getStaticProps serialization and add error handling for API failures

Co-authored-by: TechQuery <19969570+TechQuery@users.noreply.github.com>

Author: Copilot

pages/ngo/index.tsx

@@ -7,71 +7,82 @@ import { ChinaPublicInterestMap } from '../../components/Organization/ChinaPubli
 import { OrganizationModel, OrganizationStatistic } from '../../models/Organization';
 import { I18nContext } from '../../models/Translation';
 
-export interface NGOPageProps extends OrganizationStatistic {
-  store: OrganizationModel;
-}
+export interface NGOPageProps extends OrganizationStatistic {}
 
 export const getStaticProps: GetStaticProps<NGOPageProps> = async () => {
-  const store = new OrganizationModel();
-  
-  const allData = await store.getAll();
-  
-  // Generate statistics from the data
-  const yearStats = allData.reduce((acc, org) => {
-    if (org.year) {
-      const yearKey = org.year.toString();
-      acc[yearKey] = (acc[yearKey] || 0) + 1;
-    }
+  try {
+    const store = new OrganizationModel();
+    
+    const allData = await store.getAll();
+    
+    // Generate statistics from the data
+    const yearStats = allData.reduce((acc, org) => {
+      if (org.year) {
+        const yearKey = org.year.toString();
+        acc[yearKey] = (acc[yearKey] || 0) + 1;
+      }
 
-    return acc;
-  }, {} as Record<string, number>);
+      return acc;
+    }, {} as Record<string, number>);
 
-  const cityStats = allData.reduce((acc, org) => {
-    if (org.city) {
-      acc[org.city] = (acc[org.city] || 0) + 1;
-    }
+    const cityStats = allData.reduce((acc, org) => {
+      if (org.city) {
+        acc[org.city] = (acc[org.city] || 0) + 1;
+      }
 
-    return acc;
-  }, {} as Record<string, number>);
+      return acc;
+    }, {} as Record<string, number>);
 
-  const typeStats = allData.reduce((acc, org) => {
-    if (org.type) {
-      acc[org.type] = (acc[org.type] || 0) + 1;
-    }
+    const typeStats = allData.reduce((acc, org) => {
+      if (org.type) {
+        acc[org.type] = (acc[org.type] || 0) + 1;
+      }
 
-    return acc;
-  }, {} as Record<string, number>);
+      return acc;
+    }, {} as Record<string, number>);
 
-  const tagStats = allData.reduce((acc, org) => {
-    if (org.tags) {
-      org.tags.forEach(tag => {
-        acc[tag] = (acc[tag] || 0) + 1;
-      });
-    }
+    const tagStats = allData.reduce((acc, org) => {
+      if (org.tags) {
+        org.tags.forEach(tag => {
+          acc[tag] = (acc[tag] || 0) + 1;
+        });
+      }
 
-    return acc;
-  }, {} as Record<string, number>);
+      return acc;
+    }, {} as Record<string, number>);
 
-  return {
-    props: {
-      year: Object.entries(yearStats).map(([label, count]) => ({ label, count })),
-      city: Object.entries(cityStats).map(([label, count]) => ({ label, count })),
-      type: Object.entries(typeStats).map(([label, count]) => ({ label, count })),
-      tag: Object.entries(tagStats).map(([label, count]) => ({ label, count })),
-      store,
-    },
-    revalidate: 60 * 60 * 24, // Revalidate once per day
-  };
+    return {
+      props: {
+        year: Object.entries(yearStats).map(([label, count]) => ({ label, count })),
+        city: Object.entries(cityStats).map(([label, count]) => ({ label, count })),
+        type: Object.entries(typeStats).map(([label, count]) => ({ label, count })),
+        tag: Object.entries(tagStats).map(([label, count]) => ({ label, count })),
+      },
+      revalidate: 60 * 60 * 24, // Revalidate once per day
+    };
+  } catch (error) {
+    console.error('Failed to load organization data:', error);
+    // Return empty data structure when API is not available
+    return {
+      props: {
+        year: [],
+        city: [],
+        type: [],
+        tag: [],
+      },
+      revalidate: 60 * 60 * 24,
+    };
+  }
 };
 
-const NGOPage: FC<NGOPageProps> = observer(({ store, year, city, type, tag }) => {
+const NGOPage: FC<NGOPageProps> = observer(({ year, city, type, tag }) => {
   const { t } = useContext(I18nContext);
 
   return (
     <>
       <PageHead title={t('china_public_interest_map')} />
       <ChinaPublicInterestMap 
-        store={store}
+        store={new OrganizationModel()}
         year={year}
         city={city}
         type={type}

pages/ngo/landscape.tsx

@@ -12,16 +12,27 @@ export interface NGOLandscapePageProps {
 }
 
 export const getStaticProps: GetStaticProps<NGOLandscapePageProps> = async () => {
-  const store = new OrganizationModel();
-  
-  const categoryMap = await store.groupAllByTags();
-  
-  return {
-    props: {
-      categoryMap,
-    },
-    revalidate: 60 * 60 * 24, // Revalidate once per day
-  };
+  try {
+    const store = new OrganizationModel();
+    
+    const categoryMap = await store.groupAllByTags();
+    
+    return {
+      props: {
+        categoryMap,
+      },
+      revalidate: 60 * 60 * 24, // Revalidate once per day
+    };
+  } catch (error) {
+    console.error('Failed to load landscape data:', error);
+    // Return empty data structure when API is not available
+    return {
+      props: {
+        categoryMap: {},
+      },
+      revalidate: 60 * 60 * 24,
+    };
+  }
 };
 
 const LandscapePage: FC<NGOLandscapePageProps> = ({ categoryMap }) => {