Reapply "Add missing admin action files and navigation links"

This reverts commit 4d515bc400.
2026-07-11 20:52:56 +02:00
1 parent 96ed768f14
commit 5b4228261a
@@ -0,0 +1,179 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+import { updateRoomItem } from '@/actions/rooms'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
+import { useServerAction } from '@/hooks/use-server-action'
+
+interface EditItem {
+  id: number
+  name: string
+  type: string
+  x: number
+  y: number
+  z: number
+  rot: number
+  wallPos: string
+  extraData: string
+}
+
+interface Props {
+  roomId: number
+  item: EditItem | null
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+export function EditItemDialog({ roomId, item, open, onOpenChange }: Props) {
+  const { run, isPending } = useServerAction()
+  const [x, setX] = useState('0')
+  const [y, setY] = useState('0')
+  const [z, setZ] = useState('0')
+  const [rot, setRot] = useState('0')
+  const [wallPos, setWallPos] = useState('')
+  const [extraData, setExtraData] = useState('')
+
+  const isWall = item?.type === 'i'
+
+  useEffect(() => {
+    if (item) {
+      setX(String(item.x))
+      setY(String(item.y))
+      setZ(String(item.z))
+      setRot(String(item.rot))
+      setWallPos(item.wallPos)
+      setExtraData(item.extraData)
+    }
+  }, [item])
+
+  function handleSave() {
+    if (!item) return
+    const payload = isWall
+      ? { roomId, itemId: item.id, wallPos, extraData }
+      : {
+          roomId,
+          itemId: item.id,
+          x: Number(x),
+          y: Number(y),
+          z: Number(z),
+          rot: Number(rot),
+          extraData,
+        }
+    run(() => updateRoomItem(payload), {
+      successMessage: 'Item updated and room reloaded',
+      onSuccess: () => onOpenChange(false),
+    })
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-[480px]">
+        <DialogHeader>
+          <DialogTitle>Edit furniture</DialogTitle>
+          <DialogDescription>{item ? `${item.name} (#${item.id})` : ''}</DialogDescription>
+        </DialogHeader>
+
+        <div className="space-y-4">
+          {isWall ? (
+            <div className="space-y-2">
+              <Label htmlFor="wallPos">Wall position</Label>
+              <Input
+                id="wallPos"
+                value={wallPos}
+                onChange={(e) => setWallPos(e.target.value)}
+                placeholder=":w=0,0 l=0,0 r"
+                className="font-mono"
+              />
+              <p className="text-xs text-muted-foreground">
+                Format: <code>:w=X,Y l=X,Y r</code>
+              </p>
+            </div>
+          ) : (
+            <>
+              <div className="grid grid-cols-3 gap-3">
+                <div className="space-y-2">
+                  <Label htmlFor="x">X</Label>
+                  <Input
+                    id="x"
+                    type="number"
+                    value={x}
+                    onChange={(e) => setX(e.target.value)}
+                    className="font-mono"
+                  />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="y">Y</Label>
+                  <Input
+                    id="y"
+                    type="number"
+                    value={y}
+                    onChange={(e) => setY(e.target.value)}
+                    className="font-mono"
+                  />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="z">Z</Label>
+                  <Input
+                    id="z"
+                    type="number"
+                    step="0.01"
+                    value={z}
+                    onChange={(e) => setZ(e.target.value)}
+                    className="font-mono"
+                  />
+                </div>
+              </div>
+              <div className="space-y-2">
+                <Label htmlFor="rot">Rotation (0-7)</Label>
+                <Input
+                  id="rot"
+                  type="number"
+                  min={0}
+                  max={7}
+                  value={rot}
+                  onChange={(e) => setRot(e.target.value)}
+                  className="font-mono w-24"
+                />
+              </div>
+            </>
+          )}
+
+          <div className="space-y-2">
+            <Label htmlFor="extraData">Extra data</Label>
+            <Textarea
+              id="extraData"
+              value={extraData}
+              onChange={(e) => setExtraData(e.target.value)}
+              rows={3}
+              className="font-mono text-xs"
+              placeholder="(empty)"
+            />
+            <p className="text-xs text-muted-foreground">
+              Item state/data (e.g. dice value, sticky note text, color)
+            </p>
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)} disabled={isPending}>
+            Cancel
+          </Button>
+          <Button onClick={handleSave} disabled={isPending}>
+            {isPending ? 'Saving...' : 'Save'}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}