From 1b444d80f494b0ad23f8008b9a61b5facf6b1507 Mon Sep 17 00:00:00 2001
From: Collin Bolles <collinbolles@gmail.com>
Date: Mon, 6 Jan 2025 15:19:07 -0500
Subject: [PATCH] chore: Text Update (#22)

* Spelling fixes
* Grammar fixes
* Update units
---
 .../src/components/parameters/GlobalParamsView.tsx       | 4 +++-
 .../src/components/parameters/ModelParamsView.tsx        | 4 ++--
 packages/frontend/src/components/results/ImageView.tsx   | 2 +-
 packages/frontend/src/components/results/Layout.tsx      | 6 +++---
 packages/frontend/src/contexts/Theme.context.tsx         | 9 +++++++++
 packages/frontend/src/helpers/names.ts                   | 4 ++--
 packages/frontend/src/pages/Dashboard.tsx                | 4 ++--
 packages/frontend/src/pages/ExperimentForm.tsx           | 8 ++++----
 8 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/packages/frontend/src/components/parameters/GlobalParamsView.tsx b/packages/frontend/src/components/parameters/GlobalParamsView.tsx
index 8b20e39..c97f1b6 100644
--- a/packages/frontend/src/components/parameters/GlobalParamsView.tsx
+++ b/packages/frontend/src/components/parameters/GlobalParamsView.tsx
@@ -13,7 +13,9 @@ export const GlobalParamsView: React.FC<GlobalParamsViewProps> = ({ params }) =>
         <List>
           <ListItem>Time Step: {params.timeStep} (h/cycle)</ListItem>
           <ListItem>Log Frequency: {params.logFreq}</ListItem>
-          <ListItem>Nutrient Diffusivity: {params.defaultDiffConst} (cm^2/s)</ListItem>
+          <ListItem>
+            Nutrient Diffusivity: {params.defaultDiffConst} (cm<sup>2</sup>/s)
+          </ListItem>
           <ListItem>Default VMax: {params.defaultVMax} (mmol/gh)</ListItem>
           <ListItem>Default KM: {params.defaultKm} (M)</ListItem>
           <ListItem>Max Cycles: {params.maxCycles}</ListItem>
diff --git a/packages/frontend/src/components/parameters/ModelParamsView.tsx b/packages/frontend/src/components/parameters/ModelParamsView.tsx
index 64e0d9f..04dfef3 100644
--- a/packages/frontend/src/components/parameters/ModelParamsView.tsx
+++ b/packages/frontend/src/components/parameters/ModelParamsView.tsx
@@ -29,8 +29,8 @@ const SingleModelParamsView: React.FC<{ params: ModelParametersInput }> = ({ par
         <ListItem>Neutral Drift: {params.neutralDrift ? 'True' : 'False'}</ListItem>
         <ListItem>Neutral Drift Amp: {params.neutralDriftAmp}</ListItem>
         <ListItem>Death Rate: {params.deathRate}</ListItem>
-        <ListItem>Linear Diffusivity: {params.linearDiffusivity} (cm^2/s)</ListItem>
-        <ListItem>Nonlinear Diffusivity: {params.nonlinearDiffusivity} (cm^2/sg)</ListItem>
+        <ListItem>Linear Diffusivity: {params.linearDiffusivity} (cm²/s)</ListItem>
+        <ListItem>Nonlinear Diffusivity: {params.nonlinearDiffusivity} (cm²/sg)</ListItem>
       </List>
     </Paper>
   );
diff --git a/packages/frontend/src/components/results/ImageView.tsx b/packages/frontend/src/components/results/ImageView.tsx
index e26de8d..49bec77 100644
--- a/packages/frontend/src/components/results/ImageView.tsx
+++ b/packages/frontend/src/components/results/ImageView.tsx
@@ -11,7 +11,7 @@ export const ImageView: React.FC<ImageViewProps> = ({ src }) => {
         component="img"
         src={src}
         sx={{
-          maxWidth: '75%'
+          maxWidth: '100%'
         }}
       />
     </Box>
diff --git a/packages/frontend/src/components/results/Layout.tsx b/packages/frontend/src/components/results/Layout.tsx
index 3c9208d..4a7f464 100644
--- a/packages/frontend/src/components/results/Layout.tsx
+++ b/packages/frontend/src/components/results/Layout.tsx
@@ -19,12 +19,12 @@ export const LayoutVisualization: React.FC<LayoutVisualizationProps> = ({ reques
       <Stack spacing={2}>
         <Typography variant="h2">Layout Visualizations</Typography>
         <FormControl>
-          <InputLabel>View Type</InputLabel>
+          <InputLabel shrink={true}>View Type</InputLabel>
           <Select
+            sx={{ maxWidth: 150 }}
             value={layoutView}
-            onChange={(event) => setLayoutView(event.target.value as LayoutViews)}
             notched={true}
-            sx={{ maxWidth: 150 }}
+            onChange={(event) => setLayoutView(event.target.value as LayoutViews)}
           >
             <MenuItem value={'biomass'}>Biomass</MenuItem>
             <MenuItem value={'metabolite'}>Metabolite</MenuItem>
diff --git a/packages/frontend/src/contexts/Theme.context.tsx b/packages/frontend/src/contexts/Theme.context.tsx
index 9ad6ede..564b2b0 100644
--- a/packages/frontend/src/contexts/Theme.context.tsx
+++ b/packages/frontend/src/contexts/Theme.context.tsx
@@ -29,6 +29,15 @@ export const CometsThemeProvider: React.FC<ThemeProviderProps> = ({ children })
             backgroundColor: 'white'
           }
         }
+      },
+      MuiInputLabel: {
+        styleOverrides: {
+          root: {
+            backgroundColor: '#ffffff',
+            paddingLeft: '4px',
+            paddingRight: '4px'
+          }
+        }
       }
     }
   });
diff --git a/packages/frontend/src/helpers/names.ts b/packages/frontend/src/helpers/names.ts
index 02c464e..215e4bb 100644
--- a/packages/frontend/src/helpers/names.ts
+++ b/packages/frontend/src/helpers/names.ts
@@ -19,9 +19,9 @@ export const getMetaboliteName = (type: MetaboliteType) => {
     case MetaboliteType.Rich:
       return 'Rich';
     case MetaboliteType.Glucose:
-      return 'Glucose';
+      return 'Minimal Media with Glucose';
     case MetaboliteType.Acetate:
-      return 'Acetate';
+      return 'Minimal Media with Acetate';
     default:
       throw Error(`Unknown metabolite type: ${type}`);
   }
diff --git a/packages/frontend/src/pages/Dashboard.tsx b/packages/frontend/src/pages/Dashboard.tsx
index b558e1f..9d1d801 100644
--- a/packages/frontend/src/pages/Dashboard.tsx
+++ b/packages/frontend/src/pages/Dashboard.tsx
@@ -74,7 +74,7 @@ export function DashboardPage() {
             }}
           >
             Simulating the complex growth patterns of bacterial colonies takes a lot of computational power and time to
-            complete but COMETS Layout builder allows you to make lightweight simulations within the web application.
+            complete, but COMETS Layout builder allows you to make lightweight simulations within the web application.
           </Typography>
         </Grid>
 
@@ -90,7 +90,7 @@ export function DashboardPage() {
               opacity: '45%'
             }}
           >
-            Just chose your Model, Setup, and Metabolites. Set Your parameters. Then, you are done!
+            Just choose your Model, Setup, and Metabolites. Set your parameters. Then, you are done!
           </Typography>
         </Grid>
 
diff --git a/packages/frontend/src/pages/ExperimentForm.tsx b/packages/frontend/src/pages/ExperimentForm.tsx
index adec2b5..1259419 100644
--- a/packages/frontend/src/pages/ExperimentForm.tsx
+++ b/packages/frontend/src/pages/ExperimentForm.tsx
@@ -118,12 +118,12 @@ const getSchema = (metaboliteType: MetaboliteType | null) => {
             linearDiffusivity: {
               type: 'number',
               default: 0.001,
-              title: 'Linear Diffusivity (cm^2/s)'
+              title: 'Linear Diffusivity (cm²/s)'
             },
             nonlinearDiffusivity: {
               type: 'number',
               default: 0.6,
-              title: 'Nonlinear Diffusivity (cm^2/sg)'
+              title: 'Nonlinear Diffusivity (cm²/sg)'
             }
           },
           required: ['name', 'neutralDriftAmp', 'deathRate', 'linearDiffusivity', 'nonlinearDiffusivity']
@@ -145,7 +145,7 @@ const getSchema = (metaboliteType: MetaboliteType | null) => {
           defaultDiffConst: {
             type: 'number',
             default: 0.000006,
-            title: 'Nutrient Diffusivity (cm^2/s)'
+            title: 'Nutrient Diffusivity (cm²/s)'
           },
           defaultVMax: {
             type: 'number',
@@ -189,7 +189,7 @@ const getSchema = (metaboliteType: MetaboliteType | null) => {
       },
       {
         type: 'Control',
-        scope: '#/properties/globalParams'
+        scope: '#/properties/globalParams/'
       }
     ]
   };