From 8a3d62a43d39f7f9af960829ddf7a35b5360fae0 Mon Sep 17 00:00:00 2001
From: ChrQR <christian@rannes.com>
Date: Tue, 28 May 2024 23:01:43 +0200
Subject: [PATCH] lucide delete icon

---
 src/app/_components/AllCountries.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/_components/AllCountries.tsx b/src/app/_components/AllCountries.tsx
index 24010ec..93ec4f4 100644
--- a/src/app/_components/AllCountries.tsx
+++ b/src/app/_components/AllCountries.tsx
@@ -1,3 +1,5 @@
+import { Delete, LucideDelete } from "lucide-react";
+import Image from "next/image";
 import { deleteCountry } from "~/server/actions/deleteCountry";
 import { db } from "~/server/db";
 
@@ -10,7 +12,9 @@ export default async function AllCountries() {
         <div className="flex gap-1">
           <p key={country.id}>{country.name}</p>
           <form action={deleteCountry.bind(null, country.id)}>
-            <button>❌</button>
+            <button>
+              <Delete />
+            </button>
           </form>
         </div>
       ))}