refactor(coral): Replace depracted GridItem in EnvironmentStatus (#1925)

Signed-off-by: Mathieu Anderson <[email protected]> Co-authored-by: Mirjam Aulbach <[email protected]>
Aiven-Open · Oct 26, 2023 · 2f7da4f · 2f7da4f
1 parent a8cc272
commit 2f7da4f
Showing 1 changed file with 16 additions and 17 deletions.
diff --git a/coral/src/app/features/configuration/environments/components/EnvironmentStatus.tsx b/coral/src/app/features/configuration/environments/components/EnvironmentStatus.tsx
@@ -1,7 +1,6 @@
 import {
   Button,
   Grid,
-  GridItem,
   Skeleton,
   StatusChip,
   Typography,
@@ -68,12 +67,12 @@ const EnvironmentStatus = ({
         colGap="3"
         style={{ gridTemplateColumns: "100px 280px 20px" }}
       >
-        <GridItem>
+        <Grid.Item>
           <StatusChip dense status="neutral" text="Refreshing..." />
-        </GridItem>
-        <GridItem>
+        </Grid.Item>
+        <Grid.Item>
           <Skeleton width={275} height={20} />
-        </GridItem>
+        </Grid.Item>
         <Button.Icon
           icon={loading}
           onClick={() => setShouldUpdateStatus(true)}
@@ -93,15 +92,15 @@ const EnvironmentStatus = ({
         colGap="3"
         style={{ gridTemplateColumns: "100px 280px 20px" }}
       >
-        <GridItem>
+        <Grid.Item>
           <StatusChip dense status="danger" text="Not working" />
-        </GridItem>
-        <GridItem>
+        </Grid.Item>
+        <Grid.Item>
           <Typography.Small>
             Last update:{" "}
             {updateTime === "Unknown" ? updateTime : `${updateTime} UTC`}
           </Typography.Small>
-        </GridItem>
+        </Grid.Item>
         <Button.Icon
           icon={refresh}
           onClick={() => setShouldUpdateStatus(true)}
@@ -119,15 +118,15 @@ const EnvironmentStatus = ({
         colGap="3"
         style={{ gridTemplateColumns: "100px 280px 20px" }}
       >
-        <GridItem>
+        <Grid.Item>
           <StatusChip dense status="success" text="Working" />
-        </GridItem>
-        <GridItem>
+        </Grid.Item>
+        <Grid.Item>
           <Typography.Small>
             Last update:{" "}
             {updateTime === "Unknown" ? updateTime : `${updateTime} UTC`}
           </Typography.Small>
-        </GridItem>
+        </Grid.Item>
         <Button.Icon
           icon={refresh}
           onClick={() => setShouldUpdateStatus(true)}
@@ -145,15 +144,15 @@ const EnvironmentStatus = ({
       colGap="3"
       style={{ gridTemplateColumns: "100px 280px 20px" }}
     >
-      <GridItem>
+      <Grid.Item>
         <StatusChip dense status="neutral" text="Unknown" />
-      </GridItem>
-      <GridItem>
+      </Grid.Item>
+      <Grid.Item>
         <Typography.Small>
           Last update:{" "}
           {updateTime === "Unknown" ? updateTime : `${updateTime} UTC`}
         </Typography.Small>
-      </GridItem>
+      </Grid.Item>
       <Button.Icon
         icon={refresh}
         onClick={() => setShouldUpdateStatus(true)}