From 2eda983c8c536f31c1d5f10f3f86170e68340609 Mon Sep 17 00:00:00 2001
From: Melinda T <mmt456@uw.edu>
Date: Fri, 9 Aug 2024 10:19:40 -0700
Subject: [PATCH] fixed visibility button format with prettier

---
 .env            |  3 ++-
 package.json    |  6 +++---
 src/vis/Vis.tsx | 37 ++++++++++++++++++-------------------
 3 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/.env b/.env
index 1b5cf68..439e3ca 100644
--- a/.env
+++ b/.env
@@ -1 +1,2 @@
-PUBLIC_URL=.
\ No newline at end of file
+PUBLIC_URL=.
+PORT=3002 
\ No newline at end of file
diff --git a/package.json b/package.json
index b76bbc0..e239399 100644
--- a/package.json
+++ b/package.json
@@ -39,12 +39,12 @@
     "web-vitals": "^2.1.2"
   },
   "scripts": {
-    "start": "PORT=3002 react-scripts start",
+    "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "format": "prettier --write --config ./prettierrc.json 'src/**/*.{ts,tsx}'",
-    "format-check": "prettier --check --config ./prettierrc.json 'src/**/*.{ts,tsx}'"
+    "format": "prettier --write --config ./prettierrc.json src/**/*.{ts,tsx}",
+    "format-check": "prettier --check --config ./prettierrc.json src/**/*.{ts,tsx}"
   },
   "eslintConfig": {
     "extends": [
diff --git a/src/vis/Vis.tsx b/src/vis/Vis.tsx
index a50a0bd..921655c 100644
--- a/src/vis/Vis.tsx
+++ b/src/vis/Vis.tsx
@@ -319,22 +319,23 @@ export default function Vis() {
           </Card>
         </Fade>
       </Box>
-      
+
       <Box
-      // new box
-      component='main'
-      sx={{
-        backgroundColor: 'transparent',
-        overflow: 'none',
-        position: 'absolute',
-        right: '8px',
-        bottom: 
-        20 +
-        (displayValue(displayOptions, 'displayGraph')
-          ? chartHeight + 10
-          : 0),
-        zIndex: '4',
-      }}>
+        // new box
+        component='main'
+        sx={{
+          backgroundColor: 'transparent',
+          overflow: 'none',
+          position: 'absolute',
+          right: '8px',
+          bottom:
+            20 +
+            (displayValue(displayOptions, 'displayGraph')
+              ? chartHeight + 10
+              : 0),
+          zIndex: '4',
+        }}
+      >
         <IconButton
           onClick={() => {
             setDisplayOptions(
@@ -342,8 +343,7 @@ export default function Vis() {
             );
           }}
         >
-            <Visibility>
-            </Visibility>
+          <Visibility></Visibility>
         </IconButton>
       </Box>
       <Box
@@ -357,7 +357,7 @@ export default function Vis() {
             20 +
             (displayValue(displayOptions, 'displayGraph')
               ? chartHeight + 10
-              : + 50),
+              : +50),
           zIndex: '5',
         }}
       >
@@ -377,7 +377,6 @@ export default function Vis() {
             </Typography>
           </Card>
         </Fade>
-
       </Box>
     </ThemeProvider>
   );