Edit & Delete Site

This commit is contained in:
headlesdev
2025-05-18 21:50:33 +02:00
parent 4a89ebf7d1
commit 6f7d65bcda
6 changed files with 197 additions and 10 deletions

View File

@@ -7,6 +7,8 @@ import AddNetwork from "@/components/dialogues/AddNetwork"
import { Plus, Pencil, Trash, Info, Building2, Network as NetworkIcon, Globe, Cpu } from "lucide-react"
import EditNetwork from "@/components/dialogues/EditNetwork"
import DeleteNetwork from "@/components/dialogues/DeleteNetwork"
import EditSite from "@/components/dialogues/EditSite"
import DeleteSite from "@/components/dialogues/DeleteSite"
interface SitesPageProps {
username: string
@@ -31,8 +33,24 @@ export default function SitesPage({ username, name, siteId }: SitesPageProps) {
<div className="card bg-base-100 shadow-xl rounded-xl overflow-hidden border border-base-200 w-full">
<div className="card-body p-6">
<div className="w-full flex justify-between items-center mb-4">
<h1 className="text-2xl font-bold w-1/2">Site - {site.name}</h1>
<div className="w-1/2 flex justify-end">
<h1 className="text-2xl font-bold">Site - {site.name}</h1>
<div className="flex items-center gap-2">
{isEditMode && (
<>
<button
className="btn btn-primary btn-sm px-2"
onClick={() => (document.getElementById('edit_site') as HTMLDialogElement)?.showModal()}
>
<Pencil className="h-4 w-4" />
</button>
<button
className="btn btn-error btn-sm px-2"
onClick={() => (document.getElementById('delete_site') as HTMLDialogElement)?.showModal()}
>
<Trash className="h-4 w-4" />
</button>
</>
)}
<EditModeToggle onToggle={setIsEditMode} />
</div>
</div>
@@ -132,6 +150,8 @@ export default function SitesPage({ username, name, siteId }: SitesPageProps) {
</div>
<AddNetwork siteId={site.id} />
<EditSite site={site} />
<DeleteSite siteId={site.id} />
</div>
</main>
</Sidebar>