From ec3ece5bde50d8d7331ed7067c5b4b74e7d718a5 Mon Sep 17 00:00:00 2001
From: Andrzej Stepien <andrzejjamesstepien@gmail.com>
Date: Wed, 27 Sep 2023 11:44:28 +0200
Subject: [PATCH] encode/parse json

---
 src/routes/editStory.jsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/routes/editStory.jsx b/src/routes/editStory.jsx
index 48ddf83..d4de0ba 100644
--- a/src/routes/editStory.jsx
+++ b/src/routes/editStory.jsx
@@ -6,7 +6,7 @@ import { useState,useEffect } from "react";
 import { forIn } from "lodash";
 
 export async function action({request,params}){
-    const data = await request.formData()
+    const data = await request.json()
     console.dir(data)
     data.id=params.storyId
     await requestEdit(data,'story')   
@@ -49,12 +49,21 @@ export default function EditStory(){
     const handleSave = (event) =>{
         submit(data,{
             method:"post",
-            action: `/story/${storyId}/edit`
+            action: `/story/${storyId}/edit`,
+            encType: "application/json"
         })
     }
     useEffect(()=>{
         console.dir(data)
     },[data])
+    useEffect(()=>{
+        setData(prev=>{
+           return {
+                ...prev,
+                genres:storyData.genres
+            }
+        })
+    },[storyData])
     return(
         <div id="page-container">
         <PageHeader super={`Story #${storyData.id}`} heading="EDIT" url="/story" id={storyId}/>
@@ -85,7 +94,7 @@ export default function EditStory(){
                 name="genres"
                 options={genres}
                 onChange={handleToggle}
-                values={genres}
+                values={data.genres}
                 legend="Genres:"
                 />
             </label>