first commit

app/apps/DeleteButton.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { Trash2 } from "lucide-react";
+
+interface Props {
+  appId: number;
+  appName: string;
+  deleteAction: (formData: FormData) => Promise<void>;
+}
+
+export default function DeleteButton({ appId, appName, deleteAction }: Props) {
+  return (
+    <form action={deleteAction}>
+      <input type="hidden" name="id" value={appId} />
+      <button
+        type="submit"
+        onClick={(e) => {
+          if (!confirm(`"${appName}" silinsin mi? Bu işlem geri alınamaz.`)) {
+            e.preventDefault();
+          }
+        }}
+        className="flex items-center gap-1.5 px-3 py-2 bg-red-50 dark:bg-red-900/10 text-red-500 border border-red-200 dark:border-red-900 rounded-xl text-xs font-bold hover:bg-red-100 dark:hover:bg-red-900/30 transition-colors"
+      >
+        <Trash2 size={13} /> Sil
+      </button>
+    </form>
+  );
+}