From d73da74004894353116d911f8b35edb893ee932c Mon Sep 17 00:00:00 2001
From: keannu125 <noehbernasol0@gmail.com>
Date: Fri, 3 Mar 2023 23:46:07 +0800
Subject: [PATCH] Made note input and note body preview bigger

---
 src/Components/Note/Note.tsx   |  6 +++++-
 src/Routes/NewNote/NewNote.tsx | 16 +++++++++-------
 src/styles.tsx                 |  4 +++-
 3 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/Components/Note/Note.tsx b/src/Components/Note/Note.tsx
index 6924a83..bb2c6df 100644
--- a/src/Components/Note/Note.tsx
+++ b/src/Components/Note/Note.tsx
@@ -19,7 +19,11 @@ export default function Note(props: NoteProps) {
         <p style={styles.text_medium}>Owner: {props.owner}</p>
         <p style={styles.text_medium}>Title: {props.title}</p>
         <div style={styles.note_content}>
-          <p style={styles.text_small}>{props.content}</p>
+          <textarea
+            style={styles.input_notebody}
+            disabled={true}
+            value={props.content}
+          />
         </div>
         <p style={styles.text_medium}>Timestamp: {props.date_created}</p>
         <Button
diff --git a/src/Routes/NewNote/NewNote.tsx b/src/Routes/NewNote/NewNote.tsx
index 77c3510..730b7b5 100644
--- a/src/Routes/NewNote/NewNote.tsx
+++ b/src/Routes/NewNote/NewNote.tsx
@@ -42,8 +42,8 @@ export default function NewNote() {
           <div style={styles.note_content}>
             <textarea
               style={styles.input_notebody}
-              onChange={(e: { target: { value: any } }) => {
-                setNote({ ...note, content: e.target.value });
+              onChange={async (e: { target: { value: any } }) => {
+                await setNote({ ...note, content: e.target.value });
               }}
             />
           </div>
@@ -51,11 +51,13 @@ export default function NewNote() {
             style={styles.button_green}
             variant="contained"
             onClick={async () => {
-              mutation.mutate({
-                title: note.title,
-                content: note.content,
-              });
-              navigate("/");
+              try {
+                await mutation.mutate({
+                  title: note.title,
+                  content: note.content,
+                });
+                navigate("/");
+              } catch (error) {}
             }}
           >
             Add Note
diff --git a/src/styles.tsx b/src/styles.tsx
index 19fac7a..1b78839 100644
--- a/src/styles.tsx
+++ b/src/styles.tsx
@@ -47,6 +47,7 @@ const styles: { [key: string]: React.CSSProperties } = {
   },
   note_content: {
     display: "flex",
+    flexWrap: "wrap",
     flexDirection: "column",
     alignItems: "center",
     justifyContent: "center",
@@ -80,7 +81,8 @@ const styles: { [key: string]: React.CSSProperties } = {
     height: "100%",
     width: "100%",
     minWidth: "100%",
-    maxHeight: "200px",
+    minHeight: "512px",
+
     fontSize: "2vh",
     fontWeight: "bold",
   },