perf: more friendly Json format in document editor

riccox · Mar 15, 2023 · 2a2b8a8 · 2a2b8a8 · vercel · Mar 15, 2023
1 parent fb3b2f9
commit 2a2b8a8
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/pages/index/documents.tsx b/src/pages/index/documents.tsx
@@ -401,15 +401,16 @@ export const Documents = () => {
           radius="lg"
           shadow="xl"
           padding="xl"
+          size="xl"
           withCloseButton={true}
           title={<p className={`font-bold text-lg`}>Add New Documents</p>}
         >
           <form className={`flex flex-col gap-y-4 w-full`} onSubmit={addDocumentsForm.onSubmit(onAddDocumentsSubmit)}>
             <div className={`border rounded-xl p-2`}>
               <MonacoEditor
                 language="json"
-                className="h-40"
-                defaultValue={String(addDocumentsForm.values.documents)}
+                className="h-80"
+                defaultValue={JSON.stringify(addDocumentsForm.values.documents, null, 2)}
                 options={{
                   automaticLayout: true,
                   lineDecorationsWidth: 1,
@@ -433,15 +434,16 @@ export const Documents = () => {
           radius="lg"
           shadow="xl"
           padding="xl"
+          size="xl"
           withCloseButton={true}
           title={<p className={`font-bold text-lg`}>Edit Document</p>}
         >
           <div className={`flex flex-col gap-y-4 w-full`}>
             <div className={`border rounded-xl p-2`}>
               <MonacoEditor
                 language="json"
-                className="h-40"
-                defaultValue={JSON.stringify(editingDocument ?? {})}
+                className="h-80"
+                defaultValue={JSON.stringify(editingDocument ?? {}, null, 2)}
                 options={{
                   automaticLayout: true,
                   lineDecorationsWidth: 1,