From 60fdfc2b4894d61cc950b1c907fa6787b7cffc15 Mon Sep 17 00:00:00 2001
From: Faruk AYDIN <omerfaruk26@gmail.com>
Date: Wed, 31 Jul 2024 13:10:36 +0200
Subject: [PATCH] chore(code): Make font size of the code editor a bit bigger

---
 .../web/src/components/CodeEditor/index.jsx   | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/web/src/components/CodeEditor/index.jsx b/packages/web/src/components/CodeEditor/index.jsx
index 10ef11c1..5b4fc985 100644
--- a/packages/web/src/components/CodeEditor/index.jsx
+++ b/packages/web/src/components/CodeEditor/index.jsx
@@ -24,17 +24,14 @@ function CodeEditor(props) {
     editorRef.current = editor;
 
     editor.onDidContentSizeChange((event) => {
-      const {
-        contentHeight,
-        contentHeightChanged,
-      } = event;
+      const { contentHeight, contentHeightChanged } = event;
 
       if (contentHeightChanged) {
         // cap the editor height at 500px
         const editorContentHeight = Math.min(500, contentHeight);
 
         setContainerHeight(editorContentHeight);
-      };
+      }
     });
   };
 
@@ -45,10 +42,8 @@ function CodeEditor(props) {
       defaultValue={defaultValue || ''}
       control={control}
       shouldUnregister={shouldUnregister}
-      render={({
-        field,
-      }) => (
-        <div style={{ paddingTop: 36, position:'relative' }}>
+      render={({ field }) => (
+        <div style={{ paddingTop: 36, position: 'relative' }}>
           <InputLabelWrapper>
             <InputLabel
               shrink={true}
@@ -60,20 +55,26 @@ function CodeEditor(props) {
             </InputLabel>
           </InputLabelWrapper>
 
-          <div style={{ height: containerHeight, width: '100%' }} data-test={dataTest}>
+          <div
+            style={{ height: containerHeight, width: '100%' }}
+            data-test={dataTest}
+          >
             <Editor
               {...field}
               ref={containerRef}
               defaultLanguage="javascript"
               defaultValue={defaultValue}
               onMount={handleEditorOnMount}
-              onChange={(value, event) => { field.onChange(value, event); }}
+              onChange={(value, event) => {
+                field.onChange(value, event);
+              }}
               options={{
+                fontSize: 13,
                 automaticLayout: true,
                 bracketPairColorization: true,
                 formatOnPaste: true,
                 minimap: {
-                  enabled: false
+                  enabled: false,
                 },
                 overviewRulerLanes: 0,
                 readOnly: disabled,
@@ -84,7 +85,6 @@ function CodeEditor(props) {
             />
           </div>
         </div>
-
       )}
     />
   );