replace value with defaultValue in the Field component so resource ca…

…n be edited; update logic in handleSubmit in EditResource page b00tc4mp#484; update logoutUser logic so role is wiped sessionstorage when you log out b00tc4mp#430

staff/judy-grayland/project/app/src/components/Field.jsx

@@ -32,12 +32,29 @@ function Field(props) {
   return (
     <>
       <label htmlFor={props.inputId}>{props.children}</label>
+
       <input
         name={props.name}
         type={props.type ?? 'text'}
         id={props.inputId}
-        value={props.value}
-      />
+        defaultValue={props.value}
+      ></input>
+      {/* <label htmlFor={props.inputId}>{props.children}</label>
+      {props.defaultValue ? (
+        <input
+          name={props.name}
+          type={props.type ?? 'text'}
+          id={props.inputId}
+          defaultValue={props.defaultValue}
+        />
+      ) : (
+        <input
+          name={props.name}
+          type={props.type ?? 'text'}
+          id={props.inputId}
+          value={props.value}
+        />
+      )} */}
     </>
   )
 }

staff/judy-grayland/project/app/src/logic/index.js

@@ -4,6 +4,8 @@ import logoutUser from './logoutUser'
 import createResource from './createResource'
 import retrieveResources from './retrieveResources'
 import deleteResource from './deleteResource'
+import editResource from './editResource'
+import context from './context'
 
 const logic = {
   registerUser,
@@ -12,6 +14,8 @@ const logic = {
   createResource,
   retrieveResources,
   deleteResource,
+  editResource,
+  context,
 }
 
 export default logic

staff/judy-grayland/project/app/src/logic/logoutUser.js

@@ -3,6 +3,7 @@ import context from './context'
 function logoutUser() {
   context.sessionUserId = null
   context.token = null
+  context.role = null
 }
 
 export default logoutUser

staff/judy-grayland/project/app/src/pages/EditResource.jsx

@@ -56,6 +56,7 @@ function EditResource() {
     const formData = new FormData(event.currentTarget)
     const data = {}
 
+    console.log(formData.entries())
     for (let [key, val] of formData.entries()) {
       if (key === 'topic' && !data.topic) {
         data.topic = [val]
@@ -65,10 +66,11 @@ function EditResource() {
         data[key] = val
       }
     }
+    console.log(data)
 
     try {
       logic
-        .createResource(data)
+        .editResource(id, data)
         .then(() => {
           handleEditResourceSuccess()
         })
@@ -129,7 +131,7 @@ function EditResource() {
             <Field
               name="description"
               inputId="description-input"
-              value={resource.description}
+              defaultValue={resource.description}
             >
               Descripción
             </Field>

staff/judy-grayland/project/app/src/pages/ResourceActivity.jsx

@@ -1,4 +1,5 @@
 import { DeleteResourceButton, EditResourceButton } from '../components'
+import logic from '../logic'
 
 import topicTranslations from '../logic/topicTranslations'
 
@@ -22,8 +23,12 @@ function ResourceActivity(props) {
       <p>
         Temas: <em>{translatedTopics.join(', ')}</em>
       </p>
-      <EditResourceButton resourceId={props._id} />
-      <DeleteResourceButton resourceId={props._id} />
+      {logic.context.role === 'admin' && (
+        <>
+          <EditResourceButton resourceId={props._id} />
+          <DeleteResourceButton resourceId={props._id} />
+        </>
+      )}
     </article>
   )
 }

staff/judy-grayland/project/app/src/pages/ResourceBook.jsx

@@ -1,5 +1,6 @@
 import { DeleteResourceButton, EditResourceButton } from '../components'
 import topicTranslations from '../logic/topicTranslations'
+import logic from '../logic'
 
 function ResourceBook(props) {
   const translatedTopics = props.topic.map((topic) => topicTranslations[topic])
@@ -19,8 +20,12 @@ function ResourceBook(props) {
       <p>
         Temas: <em>{translatedTopics.join(', ')}</em>
       </p>
-      <EditResourceButton resourceId={props._id} />
-      <DeleteResourceButton resourceId={props._id} />
+      {logic.context.role === 'admin' && (
+        <>
+          <EditResourceButton resourceId={props._id} />
+          <DeleteResourceButton resourceId={props._id} />
+        </>
+      )}
     </article>
   )
 }

staff/judy-grayland/project/app/src/pages/ResourceDate.jsx

@@ -1,5 +1,6 @@
 import { EditResourceButton, DeleteResourceButton } from '../components'
 import topicTranslations from '../logic/topicTranslations'
+import logic from '../logic'
 
 function ResourceDate(props) {
   const translatedTopics = props.topic.map((topic) => topicTranslations[topic])
@@ -19,8 +20,12 @@ function ResourceDate(props) {
       <p>
         Temas: <em>{translatedTopics.join(', ')}</em>
       </p>
-      <EditResourceButton resourceId={props._id} />
-      <DeleteResourceButton resourceId={props._id} />
+      {logic.context.role === 'admin' && (
+        <>
+          <EditResourceButton resourceId={props._id} />
+          <DeleteResourceButton resourceId={props._id} />
+        </>
+      )}
     </article>
   )
 }

staff/judy-grayland/project/app/src/pages/ResourcesList.jsx

@@ -76,7 +76,9 @@ function ResourcesList() {
         )
       })}
 
-      <Button onClick={handleNewResourceClick}>Crear nuevo recurso</Button>
+      {logic.context.role === 'admin' && (
+        <Button onClick={handleNewResourceClick}>Crear nuevo recurso</Button>
+      )}
     </>
   )
 }