Added timestamp to notes

src/Components/Note/Note.tsx

@@ -7,6 +7,7 @@ export interface props {
   title: string;
   content: string;
   id: number;
+  date_created: string;
 }
 export default function Note(props: props) {
   return (
@@ -16,6 +17,7 @@ export default function Note(props: props) {
         <div style={styles.note_content}>
           <p style={styles.text_small}>{props.content}</p>
         </div>
+        <p style={styles.text_medium}>Timestamp: {props.date_created}</p>
         <Button
           style={styles.button_remove}
           variant="contained"

src/Components/NoteMapper/NoteMapper.tsx

@@ -55,17 +55,28 @@ export default function NoteMapper() {
   }
   return (
     <>
-      {notes.map((note: { title: string; content: string; id: number }, i) => {
+      {notes.map(
-        console.log(note);
+        (
-        return (
+          note: {
-          <Note
+            title: string;
-            id={note.id}
+            content: string;
-            key={i}
+            id: number;
-            title={note.title}
+            date_created: string;
-            content={note.content}
+          },
-          />
+          i
-        );
+        ) => {
-      })}
+          console.log(note);
+          return (
+            <Note
+              id={note.id}
+              key={i}
+              title={note.title}
+              content={note.content}
+              date_created={note.date_created}
+            />
+          );
+        }
+      )}
       <Button
         style={styles.button_add}
         variant="contained"

src/Routes/NewNote/NewNote.tsx

@@ -43,10 +43,7 @@ export default function NewNote() {
             style={styles.button_add}
             variant="contained"
             onClick={async () => {
-              axios.post("http://localhost:8000/api/v1/notes/", {
+              axios.post("http://localhost:8000/api/v1/notes/", note);
-                title: note.title,
-                content: note.content,
-              });
               console.log("foo");
               navigate("/");
             }}