chore: fix format

Author: schwannden

src/components/FamilyPrayerCard.tsx

@@ -17,7 +17,10 @@ interface FamilyPrayerCardProps {
   isPreview?: boolean;
 }
 
-const FamilyPrayerCard = ({ familyPrayer, isPreview = false }: FamilyPrayerCardProps) => {
+const FamilyPrayerCard = ({
+  familyPrayer,
+  isPreview = false,
+}: FamilyPrayerCardProps) => {
   const { t } = useTranslation();
 
   const formatDate = (dateString: string) => {

src/components/Navigation.tsx

@@ -38,7 +38,9 @@ const Navigation = () => {
               to="/family-prayers"
               className={cn(
                 'text-sm font-medium transition-colors hover:text-primary',
-                isActive('/family-prayers') ? 'text-primary' : 'text-muted-foreground'
+                isActive('/family-prayers')
+                  ? 'text-primary'
+                  : 'text-muted-foreground'
               )}
             >
               {t('nav.familyPrayers')}

src/components/PrayerDialog.tsx

@@ -127,23 +127,31 @@ export default function PrayerDialog({
       const existingWorldKidsNews = prayer?.world_kids_news?.[0];
       if (existingWorldKidsNews) {
         // Convert existing URLs to previews for display
-        const imagePreviews = existingWorldKidsNews.image_urls.map(url => url);
-        
+        const imagePreviews = existingWorldKidsNews.image_urls.map(
+          (url) => url
+        );
+
         // Extract translations
-        const enTranslation = existingWorldKidsNews.world_kids_news_translations?.find(t => t.language === 'en');
-        const zhTranslation = existingWorldKidsNews.world_kids_news_translations?.find(t => t.language === 'zh-TW');
-        
+        const enTranslation =
+          existingWorldKidsNews.world_kids_news_translations?.find(
+            (t) => t.language === 'en'
+          );
+        const zhTranslation =
+          existingWorldKidsNews.world_kids_news_translations?.find(
+            (t) => t.language === 'zh-TW'
+          );
+
         setWorldKidsNewsData({
           images: [], // No file objects for existing images
           imagePreviews: imagePreviews,
           translations: {
-            en: { 
-              title: enTranslation?.title || '', 
-              content: enTranslation?.content || '' 
+            en: {
+              title: enTranslation?.title || '',
+              content: enTranslation?.content || '',
             },
-            'zh-TW': { 
-              title: zhTranslation?.title || '', 
-              content: zhTranslation?.content || '' 
+            'zh-TW': {
+              title: zhTranslation?.title || '',
+              content: zhTranslation?.content || '',
             },
           },
         });
@@ -332,7 +340,9 @@ export default function PrayerDialog({
     }
   };
 
-  const uploadWorldKidsNewsImages = async (images: File[]): Promise<string[]> => {
+  const uploadWorldKidsNewsImages = async (
+    images: File[]
+  ): Promise<string[]> => {
     const uploadPromises = images.map(async (file) => {
       const fileExt = file.name.split('.').pop();
       const fileName = `${Date.now()}-${Math.random().toString(36).substring(2)}.${fileExt}`;
@@ -343,7 +353,9 @@ export default function PrayerDialog({
         .upload(filePath, file);
 
       if (uploadError) {
-        throw new Error(`Failed to upload ${file.name}: ${uploadError.message}`);
+        throw new Error(
+          `Failed to upload ${file.name}: ${uploadError.message}`
+        );
       }
 
       const { data } = supabase.storage
@@ -437,14 +449,19 @@ export default function PrayerDialog({
       if (translationsError) throw translationsError;
 
       // Handle World Kids News if there are images (new or existing)
-      if (worldKidsNewsData.images.length > 0 || worldKidsNewsData.imagePreviews.length > 0) {
+      if (
+        worldKidsNewsData.images.length > 0 ||
+        worldKidsNewsData.imagePreviews.length > 0
+      ) {
         try {
           // Prepare image URLs - mix of new uploads and existing URLs
           let worldKidsNewsImageUrls: string[] = [];
-          
+
           if (worldKidsNewsData.images.length > 0) {
             // Upload new images
-            worldKidsNewsImageUrls = await uploadWorldKidsNewsImages(worldKidsNewsData.images);
+            worldKidsNewsImageUrls = await uploadWorldKidsNewsImages(
+              worldKidsNewsData.images
+            );
           } else {
             // Use existing image URLs in their current order
             worldKidsNewsImageUrls = worldKidsNewsData.imagePreviews;
@@ -459,23 +476,27 @@ export default function PrayerDialog({
           }
 
           // Create world kids news entry
-          const { data: worldKidsNews, error: worldKidsNewsError } = await supabase
-            .from('world_kids_news')
-            .insert({
-              prayer_id: prayerId,
-              week_date: data.week_date,
-              image_urls: worldKidsNewsImageUrls,
-            })
-            .select()
-            .single();
+          const { data: worldKidsNews, error: worldKidsNewsError } =
+            await supabase
+              .from('world_kids_news')
+              .insert({
+                prayer_id: prayerId,
+                week_date: data.week_date,
+                image_urls: worldKidsNewsImageUrls,
+              })
+              .select()
+              .single();
 
           if (worldKidsNewsError) throw worldKidsNewsError;
 
           // Insert world kids news translations (only if there's content)
           const worldKidsNewsTranslations = [];
-          
+
           // Add English translation if there's content
-          if (worldKidsNewsData.translations.en.title || worldKidsNewsData.translations.en.content) {
+          if (
+            worldKidsNewsData.translations.en.title ||
+            worldKidsNewsData.translations.en.content
+          ) {
             worldKidsNewsTranslations.push({
               world_kids_news_id: worldKidsNews.id,
               language: 'en',
@@ -485,7 +506,10 @@ export default function PrayerDialog({
           }
 
           // Add Chinese translation if there's content
-          if (worldKidsNewsData.translations['zh-TW'].title || worldKidsNewsData.translations['zh-TW'].content) {
+          if (
+            worldKidsNewsData.translations['zh-TW'].title ||
+            worldKidsNewsData.translations['zh-TW'].content
+          ) {
             worldKidsNewsTranslations.push({
               world_kids_news_id: worldKidsNews.id,
               language: 'zh-TW',
@@ -500,7 +524,8 @@ export default function PrayerDialog({
               .from('world_kids_news_translations')
               .insert(worldKidsNewsTranslations);
 
-            if (worldKidsNewsTranslationsError) throw worldKidsNewsTranslationsError;
+            if (worldKidsNewsTranslationsError)
+              throw worldKidsNewsTranslationsError;
           }
         } catch (worldKidsNewsError) {
           console.error('Error saving world kids news:', worldKidsNewsError);

src/components/WorldKidsNewsSection.tsx

@@ -1,7 +1,13 @@
 import { useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
@@ -68,7 +74,7 @@ function SortableItem({ id, index, preview, onRemove }: SortableItemProps) {
           className="w-full h-full object-cover"
         />
       </div>
-      
+
       {/* Drag handle */}
       <div
         {...attributes}
@@ -77,12 +83,12 @@ function SortableItem({ id, index, preview, onRemove }: SortableItemProps) {
       >
         <GripVertical className="h-3 w-3" />
       </div>
-      
+
       {/* Sequence number */}
       <div className="absolute top-1 right-6 bg-primary text-primary-foreground w-5 h-5 rounded-full flex items-center justify-center text-xs font-bold">
         {index + 1}
       </div>
-      
+
       {/* Remove button */}
       <Button
         type="button"
@@ -102,7 +108,10 @@ interface WorldKidsNewsSectionProps {
   onChange: (data: WorldKidsNewsData) => void;
 }
 
-export default function WorldKidsNewsSection({ data, onChange }: WorldKidsNewsSectionProps) {
+export default function WorldKidsNewsSection({
+  data,
+  onChange,
+}: WorldKidsNewsSectionProps) {
   const { t } = useTranslation();
   const [compressing, setCompressing] = useState(false);
 
@@ -117,11 +126,18 @@ export default function WorldKidsNewsSection({ data, onChange }: WorldKidsNewsSe
     const { active, over } = event;
 
     if (over && active.id !== over.id) {
-      const oldIndex = data.imagePreviews.findIndex((_, index) => index.toString() === active.id);
-      const newIndex = data.imagePreviews.findIndex((_, index) => index.toString() === over.id);
+      const oldIndex = data.imagePreviews.findIndex(
+        (_, index) => index.toString() === active.id
+      );
+      const newIndex = data.imagePreviews.findIndex(
+        (_, index) => index.toString() === over.id
+      );
 
       // Only reorder images array if it has items, otherwise keep it as is
-      const newImages = data.images.length > 0 ? arrayMove(data.images, oldIndex, newIndex) : data.images;
+      const newImages =
+        data.images.length > 0
+          ? arrayMove(data.images, oldIndex, newIndex)
+          : data.images;
       const newPreviews = arrayMove(data.imagePreviews, oldIndex, newIndex);
 
       onChange({
@@ -139,7 +155,7 @@ export default function WorldKidsNewsSection({ data, onChange }: WorldKidsNewsSe
 
       // Limit to 3 images
       const selectedFiles = files.slice(0, 3 - data.images.length);
-      
+
       if (selectedFiles.length + data.images.length > 3) {
         toast.error('最多只能上傳 3 張圖片');
         return;
@@ -183,10 +199,10 @@ export default function WorldKidsNewsSection({ data, onChange }: WorldKidsNewsSe
   const removeImage = (index: number) => {
     const newImages = [...data.images];
     const newPreviews = [...data.imagePreviews];
-    
+
     // Revoke object URL to prevent memory leaks
     URL.revokeObjectURL(newPreviews[index]);
-    
+
     newImages.splice(index, 1);
     newPreviews.splice(index, 1);
 
@@ -197,7 +213,11 @@ export default function WorldKidsNewsSection({ data, onChange }: WorldKidsNewsSe
     });
   };
 
-  const updateTranslation = (language: 'en' | 'zh-TW', field: 'title' | 'content', value: string) => {
+  const updateTranslation = (
+    language: 'en' | 'zh-TW',
+    field: 'title' | 'content',
+    value: string
+  ) => {
     onChange({
       ...data,
       translations: {
@@ -222,15 +242,17 @@ export default function WorldKidsNewsSection({ data, onChange }: WorldKidsNewsSe
         {/* Image Upload Section */}
         <div className="space-y-4">
           <Label>圖片 (最多 3 張)</Label>
-          
+
           {/* Upload Button */}
           {data.images.length < 3 && (
             <div className="flex items-center gap-4">
               <Button
                 type="button"
                 variant="outline"
                 disabled={compressing}
-                onClick={() => document.getElementById('worldKidsNewsImages')?.click()}
+                onClick={() =>
+                  document.getElementById('worldKidsNewsImages')?.click()
+                }
               >
                 <Upload className="h-4 w-4 mr-2" />
                 {compressing ? '處理中...' : '選擇圖片'}
@@ -290,14 +312,16 @@ export default function WorldKidsNewsSection({ data, onChange }: WorldKidsNewsSe
               <TabsTrigger value="zh-TW">中文</TabsTrigger>
               <TabsTrigger value="en">English</TabsTrigger>
             </TabsList>
-            
+
             <TabsContent value="zh-TW" className="space-y-4">
               <div className="space-y-2">
                 <Label htmlFor="worldKidsNews-title-zh">標題</Label>
                 <Input
                   id="worldKidsNews-title-zh"
                   value={data.translations['zh-TW'].title}
-                  onChange={(e) => updateTranslation('zh-TW', 'title', e.target.value)}
+                  onChange={(e) =>
+                    updateTranslation('zh-TW', 'title', e.target.value)
+                  }
                   placeholder="輸入萬國小新聞標題..."
                 />
               </div>
@@ -306,20 +330,24 @@ export default function WorldKidsNewsSection({ data, onChange }: WorldKidsNewsSe
                 <Textarea
                   id="worldKidsNews-content-zh"
                   value={data.translations['zh-TW'].content}
-                  onChange={(e) => updateTranslation('zh-TW', 'content', e.target.value)}
+                  onChange={(e) =>
+                    updateTranslation('zh-TW', 'content', e.target.value)
+                  }
                   placeholder="輸入萬國小新聞內容..."
                   className="min-h-[120px]"
                 />
               </div>
             </TabsContent>
-            
+
             <TabsContent value="en" className="space-y-4">
               <div className="space-y-2">
                 <Label htmlFor="worldKidsNews-title-en">Title</Label>
                 <Input
                   id="worldKidsNews-title-en"
                   value={data.translations.en.title}
-                  onChange={(e) => updateTranslation('en', 'title', e.target.value)}
+                  onChange={(e) =>
+                    updateTranslation('en', 'title', e.target.value)
+                  }
                   placeholder="Enter World Kids News title..."
                 />
               </div>
@@ -328,7 +356,9 @@ export default function WorldKidsNewsSection({ data, onChange }: WorldKidsNewsSe
                 <Textarea
                   id="worldKidsNews-content-en"
                   value={data.translations.en.content}
-                  onChange={(e) => updateTranslation('en', 'content', e.target.value)}
+                  onChange={(e) =>
+                    updateTranslation('en', 'content', e.target.value)
+                  }
                   placeholder="Enter World Kids News content..."
                   className="min-h-[120px]"
                 />
@@ -339,4 +369,4 @@ export default function WorldKidsNewsSection({ data, onChange }: WorldKidsNewsSe
       </CardContent>
     </Card>
   );
-}
+}