From 6fbd032dae771100fd30172d0b9360e2e55a3ef9 Mon Sep 17 00:00:00 2001
From: CP <collinp@mit.edu>
Date: Tue, 14 Jan 2025 12:12:46 -0500
Subject: [PATCH] code review comments

---
 src/app/page.tsx | 40 +++++++++++++++++++---------------------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 69a808a..7509460 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,8 +5,8 @@ import {
   useMetaIntegratedSystemsList,
   useMetaProductsList,
 } from "@/services/ecommerce/meta/hooks";
-import { styled } from "@mitodl/smoot-design";
-import { Typography, Button } from "@mui/material";
+import { styled, Button } from "@mitodl/smoot-design";
+import { Typography } from "@mui/material";
 import Container from "@mui/material/Container";
 import { getCurrentSystem } from "@/utils/system";
 import { Card } from "@/components/Card/Card";
@@ -56,25 +56,23 @@ const SelectSystem: React.FC = () => {
   };
 
   return (
-    <>
-      <SelectSystemContainer>
-        {systems.isFetched && systems.data ? (
-          <>
-            <label htmlFor="system">Select a system:</label>
-            <select name="system" id="system" onChange={hndSystemChange}>
-              <option value="">Select a system</option>
-              {systems.data.results.map((system: IntegratedSystem) => (
-                <option key={system.id} value={system.slug || ""}>
-                  {system.name}
-                </option>
-              ))}
-            </select>
-          </>
-        ) : (
-          <p>Loading systems...</p>
-        )}
-      </SelectSystemContainer>
-    </>
+    <SelectSystemContainer>
+      {systems.isFetched && systems.data ? (
+        <>
+          <label htmlFor="system">Select a system:</label>
+          <select name="system" id="system" onChange={hndSystemChange}>
+            <option value="">Select a system</option>
+            {systems.data.results.map((system: IntegratedSystem) => (
+              <option key={system.id} value={system.slug || ""}>
+                {system.name}
+              </option>
+            ))}
+          </select>
+        </>
+      ) : (
+        <p>Loading systems...</p>
+      )}
+    </SelectSystemContainer>
   );
 };