clean up

src/app/story/edit.tsx

@@ -1,8 +1,8 @@
 "use client"
-import { Dialog, DialogHeader, DialogTrigger, DialogContent, DialogClose, DialogTitle, DialogFooter, DialogDescription } from "@/components/ui/dialog";
+import { DialogHeader, DialogTitle, DialogFooter, DialogDescription } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { ComponentProps, useState } from "react";
-import { Genre, Story } from "@prisma/client";
+import { Genre } from "@prisma/client";
 import StoryForm from "app/ui/forms/story";
 import { StoryWithGenres } from "./page";
 

src/app/submission/edit.tsx

@@ -1,12 +1,10 @@
 "use client"
-import { createSub } from "app/lib/create"
+import { DialogHeader, DialogTitle, DialogFooter, DialogDescription } from "@/components/ui/dialog";
-import { Dialog, DialogHeader, DialogTrigger, DialogContent, DialogClose, DialogTitle, DialogFooter, DialogDescription } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { ComponentProps } from "react";
 import { Pub, Response, Story } from "@prisma/client";
-import SubmissionForm, { SubForm } from "app/ui/forms/sub";
+import { SubForm } from "app/ui/forms/sub";
 import EditSubmissionForm from "app/ui/forms/editSub";
-import { useState } from "react";
 
 
 export default function EditSubmissionDialog({ stories, pubs, responses, defaults, children, closeDialog }: ComponentProps<"div"> & { stories: Story[], pubs: Pub[], responses: Response[], defaults: SubForm, closeDialog: () => void }) {

src/app/tailwind.css

@@ -777,6 +777,10 @@ body {
   margin-top: 1.5rem;
 }
 
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
 .block {
   display: block;
 }

src/app/ui/navLinks.tsx

@@ -24,7 +24,7 @@ export default function Navlinks(props: ComponentProps<"div">) {
       <div className="text-secondary-foreground flex flex-row md:flex-col" >
         {
           links.map(e => (<NavLink key={e.link} href={e.link}
-            className={twMerge(clsx("text-xl drop-shadow  font-black my-2 w-full p-2 pl-6 antialiased text-secondary-foreground bg-secondary rounded-3xl md:rounded-l-3xl ",
+            className={twMerge(clsx("text-xl drop-shadow  font-black my-2 w-full mr-2 p-2 pl-6 antialiased text-secondary-foreground bg-secondary rounded-3xl md:rounded-l-3xl ",
               {
                 "text-primary-foreground bg-primary": pathname.includes(e.link)
               }

src/app/ui/tables/data-table.tsx

@@ -230,6 +230,7 @@ export function DataTable<TData, TValue>({
         </DialogTrigger>
         <DialogContent>
           <DialogHeader>
+            <DialogTitle>Delete items?</DialogTitle>
             {`Delete ${Object.keys(table.getState().rowSelection).length} ${pluralize(pathname.slice(1))}?`}
           </DialogHeader>
           <DialogDescription>