better delete icon

src/app/story/columns.tsx

@@ -4,9 +4,8 @@ import { StoryWithGenres } from "./page"
 import { ArrowUpDown, MoreHorizontal } from "lucide-react"
 import { Button } from "@/components/ui/button"
 import { Badge } from "@/components/ui/badge"
-import { CircleX } from "lucide-react"
+import { Trash2 } from "lucide-react"
 import { deleteStory } from "app/lib/del"
-import { useRouter } from "next/navigation"
 
 
 const columnHelper = createColumnHelper<StoryWithGenres>()
@@ -56,7 +55,7 @@ export const columns: ColumnDef<StoryWithGenres>[] = [
     cell: ({ row }) => {
       return <Button variant="ghost"
         onClick={() => { deleteStory(row.original.id) }}>
-        <CircleX /></Button>
+        <Trash2 color="red" /></Button>
     }
   }