Merge remote-tracking branch 'origin/main' into export-biz

components/extensions/general/CalendarWorkspace.tsx

@@ -0,0 +1,129 @@
+'use client'
+
+import { useState, useEffect, useCallback } from 'react'
+import { createClient } from '@/lib/supabase/client'
+import { useToast } from '@/components/ui/use-toast'
+import { PaymentCalendar } from '@/extensions/general/calendar/components/PaymentCalendar'
+import type { WorkspaceComponentProps } from '@/lib/extensions/workspace-registry'
+import type { Invoice, Deadline } from '@/types'
+
+export default function CalendarWorkspace({ userId }: WorkspaceComponentProps) {
+  const [invoices, setInvoices] = useState<Invoice[]>([])
+  const [deadlines, setDeadlines] = useState<Deadline[]>([])
+  const [customers, setCustomers] = useState<{ id: string; name: string }[]>([])
+  const [isLoading, setIsLoading] = useState(true)
+  const { toast } = useToast()
+  const supabase = createClient()
+
+  const fetchData = useCallback(async () => {
+    setIsLoading(true)
+
+    try {
+      const { data: invoicesData, error: invoicesError } = await supabase
+        .from('invoices')
+        .select('*, customer:customers(name)')
+        .order('due_date', { ascending: true })
+
+      if (invoicesError) throw invoicesError
+
+      const { data: deadlinesData, error: deadlinesError } = await supabase
+        .from('deadlines')
+        .select('*, customer:customers(name)')
+        .order('due_date', { ascending: true })
+
+      if (deadlinesError) throw deadlinesError
+
+      const { data: customersData, error: customersError } = await supabase
+        .from('customers')
+        .select('id, name')
+        .order('name', { ascending: true })
+
+      if (customersError) throw customersError
+
+      setInvoices(invoicesData || [])
+      setDeadlines(deadlinesData || [])
+      setCustomers(customersData || [])
+    } catch {
+      toast({
+        title: 'Fel',
+        description: 'Kunde inte hamta data',
+        variant: 'destructive',
+      })
+    } finally {
+      setIsLoading(false)
+    }
+  }, [supabase, toast])
+
+  useEffect(() => {
+    fetchData()
+  }, [fetchData])
+
+  const handleDeadlineCreate = async (
+    data: Omit<Deadline, 'id' | 'user_id' | 'created_at' | 'updated_at'>
+  ) => {
+    try {
+      const { error } = await supabase.from('deadlines').insert([data])
+
+      if (error) throw error
+
+      toast({
+        title: 'Deadline skapad',
+        description: 'Din deadline har sparats',
+      })
+
+      fetchData()
+    } catch (error) {
+      toast({
+        title: 'Fel',
+        description: 'Kunde inte skapa deadline',
+        variant: 'destructive',
+      })
+      throw error
+    }
+  }
+
+  const handleDeadlineToggle = async (deadline: Deadline) => {
+    try {
+      const { error } = await supabase
+        .from('deadlines')
+        .update({
+          is_completed: !deadline.is_completed,
+          completed_at: !deadline.is_completed ? new Date().toISOString() : null,
+        })
+        .eq('id', deadline.id)
+
+      if (error) throw error
+
+      toast({
+        title: deadline.is_completed ? 'Markerad som ej klar' : 'Markerad som klar',
+      })
+
+      fetchData()
+    } catch {
+      toast({
+        title: 'Fel',
+        description: 'Kunde inte uppdatera deadline',
+        variant: 'destructive',
+      })
+    }
+  }
+
+  if (isLoading) {
+    return (
+      <div className="animate-pulse">
+        <div className="h-10 bg-muted rounded w-48 mb-4" />
+        <div className="h-96 bg-muted rounded" />
+      </div>
+    )
+  }
+
+  return (
+    <PaymentCalendar
+      invoices={invoices}
+      deadlines={deadlines}
+      customers={customers}
+      onDeadlineCreate={handleDeadlineCreate}
+      onDeadlineToggle={handleDeadlineToggle}
+    />
+  )
+}

components/extensions/general/UserDescriptionMatchWorkspace.tsx

@@ -0,0 +1,15 @@
+'use client'
+
+import type { WorkspaceComponentProps } from '@/lib/extensions/workspace-registry'
+import EmptyExtensionState from '@/components/extensions/shared/EmptyExtensionState'
+import { TextSearch } from 'lucide-react'
+
+export default function UserDescriptionMatchWorkspace({ userId }: WorkspaceComponentProps) {
+  return (
+    <EmptyExtensionState
+      title="Beskrivningsmatchning"
+      description="Beskriv transaktioner med egna ord vid kategorisering. Systemet lär sig automatiskt och applicerar på framtida transaktioner från samma leverantör."
+      icon={<TextSearch className="h-12 w-12 text-muted-foreground/40 mb-4" />}
+    />
+  )
+}