feat: ✨ add button to delete transactions

neopromic · Nov 26, 2024 · 9e8ecd9 · 9e8ecd9
1 parent 5fa50f8
commit 9e8ecd9
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/app/(authenticated)/transactions/_components/delete-transaction-button.tsx b/app/(authenticated)/transactions/_components/delete-transaction-button.tsx
@@ -0,0 +1,23 @@
+import { deleteTransaction } from "@/app/_actions/delete-transactions";
+import { Button } from "@/app/_components/ui/button";
+import { TrashIcon } from "lucide-react";
+
+interface IDeleteTransactionsButtonProps {
+  transactionId: string;
+}
+
+const DeleteTransactionButton = ({
+  transactionId,
+}: IDeleteTransactionsButtonProps) => {
+  const handleClick = async () => {
+    await deleteTransaction({ transactionId });
+  };
+
+  return (
+    <Button variant="ghost" size="icon" onClick={handleClick}>
+      <TrashIcon size={16} />
+    </Button>
+  );
+};
+
+export default DeleteTransactionButton;