fix: handle empty data

- Show "No photos yet" on Photos page when data is empty
- Updated fetch-sheet script to return an empty array instead of exiting

Author: SeongilHeo

scripts/fetch-sheet.js

@@ -13,8 +13,8 @@ function parseTsv(filePath) {
   const content = fs.readFileSync(filePath, 'utf8');
   const lines = content.trim().split('\n');
   if (lines.length < 2) {
-    console.error(`No data found in TSV file: ${filePath}`);
-    process.exit(1);
+    console.warn(`No data found in TSV file: ${filePath}`);
+    return [];
   }
   const headers = lines[0].split('\t').map(h => h.trim());
   const data = lines.slice(1).map(line => {

src/pages/Photos.jsx

@@ -49,17 +49,27 @@ const Photos = () => {
         <div className="pages">
             <Title name='Photos' />
             {/* Photos */}
-            <ul className="grid grid-cols-1 md:grid-cols-2 gap-md">
-                {data.map((item, index) => (
-                    <li key={`photos-${index}`} className="text-sm flex flex-col space-y-sm">
-                        <div onClick={() => setSelectedImage(item.Image)} className="cursor-pointer">
-                            <Image id={item.Id} path={item.Image} />
-                        </div>
-                        {item.Description && <p>{item.Description}</p>}
-                        {item.Date && <p className="italic">{formatDate(item.Date)}</p>}
-                    </li>
-                ))}
-            </ul>
+            {data.length === 0 && (
+                <div className="h-full flex flex-col justify-center items-center text-center">
+                    <h2>No photos yet</h2>
+                    <p className="text-ugray">
+                        updates coming soon!<br />
+                    </p>
+                </div>
+            )}
+            {data.length > 0 && (
+                <ul className="grid grid-cols-1 md:grid-cols-2 gap-md">
+                    {data.map((item, index) => (
+                        <li key={`photos-${index}`} className="text-sm flex flex-col space-y-sm">
+                            <div onClick={() => setSelectedImage(item.Image)} className="cursor-pointer">
+                                <Image id={item.Id} path={item.Image} />
+                            </div>
+                            {item.Description && <p>{item.Description}</p>}
+                            {item.Date && <p className="italic">{formatDate(item.Date)}</p>}
+                        </li>
+                    ))}
+                </ul>
+            )}
             {selectedImage && (
                 <div className="fixed inset-0 bg-black/80 flex items-center justify-center z-50" onClick={() => setSelectedImage(null)}>
                     <img src={selectedImage} alt="selected" className="max-h-6/10 max-w-6/10 rounded-xl" />