try to fix csv import

Author: chiptus

src/pages/admin/festivals/CSVImportDialog.tsx

@@ -13,6 +13,13 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Progress } from "@/components/ui/progress";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
 import { Upload, FileText, Loader2 } from "lucide-react";
 import {
   importStages,
@@ -38,6 +45,7 @@ export function CSVImportDialog({
   const [isImporting, setIsImporting] = useState(false);
   const [stagesFile, setStagesFile] = useState<File | null>(null);
   const [setsFile, setSetsFile] = useState<File | null>(null);
+  const [timezone, setTimezone] = useState("Europe/Lisbon");
   const [progress, setProgress] = useState({ current: 0, total: 0, label: "" });
   const { toast } = useToast();
   const queryClient = useQueryClient();
@@ -114,6 +122,7 @@ export function CSVImportDialog({
         const setsResult = await importSets(
           setsData,
           editionId,
+          timezone,
           (current, total) => {
             setProgress({
               current,
@@ -223,6 +232,29 @@ export function CSVImportDialog({
                   </div>
                 )}
               </div>
+              <div className="space-y-2">
+                <Label htmlFor="timezone-select">Timezone</Label>
+                <Select value={timezone} onValueChange={setTimezone}>
+                  <SelectTrigger>
+                    <SelectValue placeholder="Select timezone" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="Europe/Lisbon">Europe/Lisbon</SelectItem>
+                    <SelectItem value="Europe/Madrid">Europe/Madrid</SelectItem>
+                    <SelectItem value="Europe/London">Europe/London</SelectItem>
+                    <SelectItem value="America/New_York">
+                      America/New_York
+                    </SelectItem>
+                    <SelectItem value="America/Los_Angeles">
+                      America/Los_Angeles
+                    </SelectItem>
+                    <SelectItem value="UTC">UTC</SelectItem>
+                  </SelectContent>
+                </Select>
+                <p className="text-xs text-muted-foreground">
+                  Select the timezone that the CSV times are in
+                </p>
+              </div>
               <p className="text-sm text-muted-foreground">
                 Expected columns: artist_names, stage_name, name (optional),
                 time_start (optional), time_end (optional), description

src/services/csvImportService.ts

@@ -1,5 +1,6 @@
 import { supabase } from "@/integrations/supabase/client";
 import { generateSlug } from "@/lib/slug";
+import { fromZonedTime } from "date-fns-tz";
 
 export interface StageImportData {
   name: string;
@@ -14,6 +15,20 @@ export interface SetImportData {
   description?: string;
 }
 
+// Helper function to convert local time string to UTC for database storage
+function convertLocalTimeToUTC(
+  timeString: string | undefined,
+  timezone: string,
+): string | null {
+  if (!timeString) return null;
+
+  // Parse the time string and interpret it as being in the specified timezone
+  // First create a date object assuming the time is in the target timezone
+  const utcDate = fromZonedTime(timeString, timezone);
+
+  return utcDate.toISOString();
+}
+
 export interface ImportResult {
   success: boolean;
   message: string;
@@ -136,6 +151,7 @@ export async function importStages(
 export async function importSets(
   sets: SetImportData[],
   editionId: string,
+  timezone: string = "UTC",
   onProgress?: (completed: number, total: number) => void,
 ): Promise<ImportResult> {
   try {
@@ -226,6 +242,10 @@ export async function importSets(
           .eq("festival_edition_id", editionId)
           .limit(1);
 
+        // Convert times to UTC for database storage
+        const utcTimeStart = convertLocalTimeToUTC(set.time_start, timezone);
+        const utcTimeEnd = convertLocalTimeToUTC(set.time_end, timezone);
+
         let createdSetId = "";
         let setError;
 
@@ -235,8 +255,8 @@ export async function importSets(
           const { error } = await supabase
             .from("sets")
             .update({
-              time_start: set.time_start || null,
-              time_end: set.time_end || null,
+              time_start: utcTimeStart,
+              time_end: utcTimeEnd,
               description: set.description || null,
               archived: false,
             })
@@ -254,8 +274,8 @@ export async function importSets(
               slug: generateSlug(setName),
               stage_id: stage.id,
               festival_edition_id: editionId,
-              time_start: set.time_start || null,
-              time_end: set.time_end || null,
+              time_start: utcTimeStart,
+              time_end: utcTimeEnd,
               description: set.description || null,
               archived: false,
               created_by: userId,