display genres on edit story page

src/Components/Table.jsx

@@ -109,10 +109,8 @@ export default function Table(props) {
 
     if (Array.isArray(contents)) {
       const badgeIndex = props?.badges?.findIndex(e=>{return e[0]==key})
-      console.log("badgeIndex for key "+key+": "+badgeIndex)
       if(badgeIndex>=0){
         const array = contents.map(e=>{return e[props.badges[badgeIndex][1]]})
-        console.dir(array)
         return <Cell><Badges data={array} setFocus={props.setFocus} /></Cell>
       }
       if (typeof contents[0] === 'object') {

src/routes/editStory.jsx

@@ -13,7 +13,18 @@ export async function action({request,params}){
     return redirect(`/story/${params.storyId}`)
 }
 
+const makeGenreObject = (genres,titleGenres) =>{
+    const obj = {}
+    for (const genre of genres) {
+        if(genre){
+            obj[genre] = titleGenres.some(e=>{
+                return e.name===genre
+            })
+        }
         
+    }
+    return obj
+}
 
 
 
@@ -60,7 +71,7 @@ export default function EditStory(){
         setData(prev=>{
            return {
                 ...prev,
-                genres:storyData.genres
+                genres:makeGenreObject(genres,storyData.genres)
             }
         })
     },[storyData])

src/routes/stories.jsx

@@ -7,6 +7,7 @@ import PageHeader from "../Components/PageHeader.jsx";
 
 export default function Stories(){
     const { stories } = useLoaderData();
+    console.dir(stories)
     const filterColumns = [
         'submissions',
         'deleted'