Rename companies to partners and update UI
All checks were successful
Staging Build / build (push) Successful in 2m44s
All checks were successful
Staging Build / build (push) Successful in 2m44s
This commit is contained in:
@@ -30,7 +30,7 @@ export default function CompaniesPage() {
|
|||||||
const data = await getCompanies()
|
const data = await getCompanies()
|
||||||
setCompanies(data)
|
setCompanies(data)
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error('Fehler beim Laden der Firmen:', err)
|
console.error('Fehler beim Laden der Partner:', err)
|
||||||
} finally {
|
} finally {
|
||||||
setLoading(false)
|
setLoading(false)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -58,10 +58,6 @@ export default async function AdminLayout({
|
|||||||
<Users className="w-5 h-5" />
|
<Users className="w-5 h-5" />
|
||||||
Benutzer
|
Benutzer
|
||||||
</Link>
|
</Link>
|
||||||
<Link href="/admin/companies" className="flex items-center gap-3 px-3 py-2 rounded-lg text-slate-400 hover:text-white hover:bg-white/5 transition-all">
|
|
||||||
<Building2 className="w-5 h-5" />
|
|
||||||
Firmen
|
|
||||||
</Link>
|
|
||||||
|
|
||||||
<div className="pt-2 pb-1 px-3">
|
<div className="pt-2 pb-1 px-3">
|
||||||
<span className="text-[10px] font-semibold uppercase tracking-wider text-slate-600">Einstellungen</span>
|
<span className="text-[10px] font-semibold uppercase tracking-wider text-slate-600">Einstellungen</span>
|
||||||
|
|||||||
180
shop/app/admin/partners/page.tsx
Normal file
180
shop/app/admin/partners/page.tsx
Normal file
@@ -0,0 +1,180 @@
|
|||||||
|
'use client'
|
||||||
|
|
||||||
|
import { useState, useEffect } from 'react'
|
||||||
|
import { Building2, Plus, Trash2, Loader2 } from 'lucide-react'
|
||||||
|
import { Button } from '@/components/ui/button'
|
||||||
|
import { Input } from '@/components/ui/input'
|
||||||
|
import { Label } from '@/components/ui/label'
|
||||||
|
import {
|
||||||
|
Dialog,
|
||||||
|
DialogContent,
|
||||||
|
DialogDescription,
|
||||||
|
DialogFooter,
|
||||||
|
DialogHeader,
|
||||||
|
DialogTitle,
|
||||||
|
} from '@/components/ui/dialog'
|
||||||
|
import { getPartners, createPartner, deletePartner } from '@/lib/actions/partners'
|
||||||
|
|
||||||
|
export default function PartnersPage() {
|
||||||
|
const [partners, setPartners] = useState<any[]>([])
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
const [isCreateOpen, setIsCreateOpen] = useState(false)
|
||||||
|
const [name, setName] = useState('')
|
||||||
|
const [creating, setCreating] = useState(false)
|
||||||
|
const [createError, setCreateError] = useState<string | null>(null)
|
||||||
|
const [deletingId, setDeletingId] = useState<string | null>(null)
|
||||||
|
|
||||||
|
const loadPartners = async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const data = await getPartners()
|
||||||
|
setPartners(data)
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Fehler beim Laden der Partner:', err)
|
||||||
|
} finally {
|
||||||
|
setLoading(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
loadPartners()
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
const handleCreate = async (e: React.FormEvent) => {
|
||||||
|
e.preventDefault()
|
||||||
|
setCreating(true)
|
||||||
|
setCreateError(null)
|
||||||
|
try {
|
||||||
|
await createPartner(name)
|
||||||
|
setIsCreateOpen(false)
|
||||||
|
setName('')
|
||||||
|
loadPartners()
|
||||||
|
} catch (err: any) {
|
||||||
|
setCreateError(err.message || 'Fehler beim Anlegen.')
|
||||||
|
} finally {
|
||||||
|
setCreating(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleDelete = async (id: string, partnerName: string) => {
|
||||||
|
if (!confirm(`Partner "${partnerName}" wirklich löschen?`)) return
|
||||||
|
setDeletingId(id)
|
||||||
|
try {
|
||||||
|
await deletePartner(id)
|
||||||
|
loadPartners()
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Fehler beim Löschen:', err)
|
||||||
|
} finally {
|
||||||
|
setDeletingId(null)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="p-6 max-w-4xl mx-auto text-slate-900 dark:text-white space-y-8">
|
||||||
|
{/* Header */}
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<h1 className="text-3xl font-extrabold tracking-tight flex items-center gap-3">
|
||||||
|
<Building2 className="w-8 h-8 text-blue-500" /> Partnerverwaltung
|
||||||
|
</h1>
|
||||||
|
<p className="text-slate-500 dark:text-slate-400 text-sm mt-1">
|
||||||
|
Verwalten Sie Partner.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<Button onClick={() => setIsCreateOpen(true)} className="bg-blue-600 hover:bg-blue-700 text-white font-semibold">
|
||||||
|
<Plus className="w-4 h-4 mr-2" /> Partner anlegen
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Partner Table */}
|
||||||
|
<div className="p-5 bg-white dark:bg-slate-900/50 rounded-xl border border-slate-200 dark:border-white/10 shadow-sm">
|
||||||
|
{loading ? (
|
||||||
|
<div className="flex justify-center items-center py-16">
|
||||||
|
<Loader2 className="w-8 h-8 text-blue-500 animate-spin" />
|
||||||
|
<span className="ml-3 text-slate-400 text-sm">Lade Partner…</span>
|
||||||
|
</div>
|
||||||
|
) : partners.length === 0 ? (
|
||||||
|
<div className="text-center py-16 border-2 border-dashed border-slate-200 dark:border-white/5 rounded-xl text-slate-500">
|
||||||
|
<Building2 className="w-10 h-10 mx-auto mb-3 opacity-30" />
|
||||||
|
Noch keine Partner angelegt.
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<table className="w-full text-left">
|
||||||
|
<thead>
|
||||||
|
<tr className="border-b border-slate-200 dark:border-white/10 text-slate-400 text-xs font-semibold uppercase">
|
||||||
|
<th className="pb-3">Partnername</th>
|
||||||
|
<th className="pb-3">Erstellt am</th>
|
||||||
|
<th className="pb-3 text-right">Aktionen</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody className="divide-y divide-slate-100 dark:divide-white/5">
|
||||||
|
{partners.map((partner) => (
|
||||||
|
<tr key={partner.id} className="hover:bg-slate-50 dark:hover:bg-white/3 transition-colors">
|
||||||
|
<td className="py-4 font-semibold text-slate-900 dark:text-white">
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<Building2 className="w-4 h-4 text-blue-500 shrink-0" />
|
||||||
|
{partner.name}
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td className="py-4 text-sm text-slate-500 dark:text-slate-400">
|
||||||
|
{partner.created_at ? new Date(partner.created_at).toLocaleDateString('de-DE') : '–'}
|
||||||
|
</td>
|
||||||
|
<td className="py-4 text-right">
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
size="icon"
|
||||||
|
disabled={deletingId === partner.id}
|
||||||
|
onClick={() => handleDelete(partner.id, partner.name)}
|
||||||
|
className="h-8 w-8 text-red-500 hover:text-red-400 hover:bg-red-500/10"
|
||||||
|
title="Partner löschen"
|
||||||
|
>
|
||||||
|
{deletingId === partner.id ? <Loader2 className="h-4 w-4 animate-spin" /> : <Trash2 className="h-4 w-4" />}
|
||||||
|
</Button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Dialog: Neuer Partner */}
|
||||||
|
<Dialog open={isCreateOpen} onOpenChange={setIsCreateOpen}>
|
||||||
|
<DialogContent className="bg-white dark:bg-slate-950 border-slate-200 dark:border-white/10 text-slate-900 dark:text-white shadow-2xl">
|
||||||
|
<DialogHeader>
|
||||||
|
<DialogTitle>Neuen Partner anlegen</DialogTitle>
|
||||||
|
<DialogDescription className="text-slate-500 dark:text-slate-400">
|
||||||
|
Geben Sie den Namen des Partners ein.
|
||||||
|
</DialogDescription>
|
||||||
|
</DialogHeader>
|
||||||
|
<form onSubmit={handleCreate} className="space-y-4 mt-2">
|
||||||
|
<div className="space-y-2">
|
||||||
|
<Label htmlFor="partner-name">Partnername</Label>
|
||||||
|
<Input
|
||||||
|
id="partner-name"
|
||||||
|
type="text"
|
||||||
|
required
|
||||||
|
placeholder="Muster Partner GmbH"
|
||||||
|
value={name}
|
||||||
|
onChange={(e) => setName(e.target.value)}
|
||||||
|
className="bg-slate-50 dark:bg-white/5 border-slate-200 dark:border-white/10"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{createError && (
|
||||||
|
<p className="text-sm text-red-600 dark:text-red-400">{createError}</p>
|
||||||
|
)}
|
||||||
|
<DialogFooter className="pt-2">
|
||||||
|
<Button type="button" variant="outline" onClick={() => setIsCreateOpen(false)} disabled={creating}>
|
||||||
|
Abbrechen
|
||||||
|
</Button>
|
||||||
|
<Button type="submit" disabled={creating} className="bg-blue-600 hover:bg-blue-700 text-white font-semibold">
|
||||||
|
{creating ? <Loader2 className="w-4 h-4 mr-2 animate-spin" /> : null}
|
||||||
|
Anlegen
|
||||||
|
</Button>
|
||||||
|
</DialogFooter>
|
||||||
|
</form>
|
||||||
|
</DialogContent>
|
||||||
|
</Dialog>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
49
shop/lib/actions/partners.ts
Normal file
49
shop/lib/actions/partners.ts
Normal file
@@ -0,0 +1,49 @@
|
|||||||
|
'use server'
|
||||||
|
|
||||||
|
import { createAdminClient } from '@/lib/supabase/admin'
|
||||||
|
import { revalidatePath } from 'next/cache'
|
||||||
|
|
||||||
|
export async function getPartners() {
|
||||||
|
const admin = createAdminClient()
|
||||||
|
const { data, error } = await admin
|
||||||
|
.from('partners')
|
||||||
|
.select('id, name, created_at')
|
||||||
|
.order('name', { ascending: true })
|
||||||
|
if (error) throw error
|
||||||
|
return data || []
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function createPartner(name: string) {
|
||||||
|
const admin = createAdminClient()
|
||||||
|
const { data, error } = await admin
|
||||||
|
.from('partners')
|
||||||
|
.insert({ name: name.trim() })
|
||||||
|
.select()
|
||||||
|
.single()
|
||||||
|
if (error) throw error
|
||||||
|
revalidatePath('/admin/partners')
|
||||||
|
revalidatePath('/admin/users')
|
||||||
|
return data
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function deletePartner(id: string) {
|
||||||
|
const admin = createAdminClient()
|
||||||
|
const { error } = await admin
|
||||||
|
.from('partners')
|
||||||
|
.delete()
|
||||||
|
.eq('id', id)
|
||||||
|
if (error) throw error
|
||||||
|
revalidatePath('/admin/partners')
|
||||||
|
revalidatePath('/admin/users')
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function assignPartnerToUser(userId: string, partnerId: string | null) {
|
||||||
|
const admin = createAdminClient()
|
||||||
|
const { error } = await admin
|
||||||
|
.from('users')
|
||||||
|
.update({ partner_id: partnerId })
|
||||||
|
.eq('id', userId)
|
||||||
|
if (error) throw error
|
||||||
|
revalidatePath('/admin/users')
|
||||||
|
revalidatePath('/admin/einstellungen')
|
||||||
|
}
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
-- Migration: companies table + company_id in users
|
-- Migration: companies table + company_id in users
|
||||||
|
|
||||||
-- 1. Tabelle companies erstellen
|
-- 1. Tabelle companies erstellen
|
||||||
CREATE TABLE IF NOT EXISTS public.companies (
|
CREATE TABLE IF NOT EXISTS public.partners (
|
||||||
id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
|
id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
|
||||||
name TEXT NOT NULL,
|
name TEXT NOT NULL,
|
||||||
created_at TIMESTAMPTZ NOT NULL DEFAULT now()
|
created_at TIMESTAMPTZ NOT NULL DEFAULT now()
|
||||||
@@ -11,21 +11,21 @@ CREATE TABLE IF NOT EXISTS public.companies (
|
|||||||
ALTER TABLE public.companies ENABLE ROW LEVEL SECURITY;
|
ALTER TABLE public.companies ENABLE ROW LEVEL SECURITY;
|
||||||
|
|
||||||
-- Policies
|
-- Policies
|
||||||
DROP POLICY IF EXISTS "Admins und Partner lesen Firmen" ON public.companies;
|
DROP POLICY IF EXISTS "Admins und Partner lesen Partner" ON public.partners;
|
||||||
DROP POLICY IF EXISTS "Service role kann alles" ON public.companies;
|
DROP POLICY IF EXISTS "Service role kann alles" ON public.partners;
|
||||||
|
|
||||||
CREATE POLICY "Admins und Partner lesen Firmen"
|
CREATE POLICY "Admins und Partner lesen Partner"
|
||||||
ON public.companies FOR SELECT
|
ON public.partners FOR SELECT
|
||||||
USING (auth.role() = 'authenticated');
|
USING (auth.role() = 'authenticated');
|
||||||
|
|
||||||
CREATE POLICY "Service role kann alles"
|
CREATE POLICY "Service role kann alles"
|
||||||
ON public.companies FOR ALL
|
ON public.partners FOR ALL
|
||||||
USING (true)
|
USING (true)
|
||||||
WITH CHECK (true);
|
WITH CHECK (true);
|
||||||
|
|
||||||
-- 2. company_id zu public.users hinzufügen
|
-- 2. company_id zu public.users hinzufügen
|
||||||
ALTER TABLE public.users
|
ALTER TABLE public.users
|
||||||
ADD COLUMN IF NOT EXISTS company_id UUID REFERENCES public.companies(id) ON DELETE SET NULL;
|
ADD COLUMN IF NOT EXISTS partner_id UUID REFERENCES public.partners(id) ON DELETE SET NULL;
|
||||||
|
|
||||||
-- Reload Schema Cache
|
-- Reload Schema Cache
|
||||||
NOTIFY pgrst, 'reload schema';
|
NOTIFY pgrst, 'reload schema';
|
||||||
|
|||||||
Reference in New Issue
Block a user