From 565410da32b1a50c934ac3e7454a031de6fcb435 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Mon, 25 Mar 2024 03:03:26 +0200
Subject: [PATCH] Refactor MachineAccordion component

---
 .../machines/components/MachineAccordion.js   | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/frontend/src/features/machines/components/MachineAccordion.js b/frontend/src/features/machines/components/MachineAccordion.js
index 6da4a84..6fd5266 100644
--- a/frontend/src/features/machines/components/MachineAccordion.js
+++ b/frontend/src/features/machines/components/MachineAccordion.js
@@ -7,16 +7,8 @@ import { DataLabel } from "../../../components/common";
 import { useTranslation } from "react-i18next";
 import { useSensitiveInfo } from "../../../hooks";
 import ActionsGroup from "./common/ActionsGroup";
-import { makeStyles } from "@mui/material/styles";
 import { styled } from "@mui/system";
 
-const useStyles = makeStyles(() => ({
-  panel: {
-    justifyContent: "center",
-    alignItems: "center"
-  }
-}));
-
 const IconLeftAccordionSummary = styled(AccordionSummary)(({ theme }) => ({
   root: {
     minHeight: "20px",
@@ -49,7 +41,6 @@ GridCell.propTypes = {
 
 const MachineAccordion = ({ machine, actions, logs, addLog }) => {
   const { t } = useTranslation();
-  const classes = useStyles();
   return (
     <Accordion>
       <IconLeftAccordionSummary
@@ -59,7 +50,13 @@ const MachineAccordion = ({ machine, actions, logs, addLog }) => {
         id="additional-actions1-header"
         IconButtonProps={{ edge: "start" }}
       >
-        <Grid container className={classes.panel}>
+        <Grid
+          container
+          sx={{
+            justifyContent: "center",
+            alignItems: "center"
+          }}
+        >
           <Grid item xs={11}>
             <Grid container>
               <GridCell label={t("Machine.FullName")} value={machine.fullMachineName} />
@@ -69,7 +66,7 @@ const MachineAccordion = ({ machine, actions, logs, addLog }) => {
             </Grid>
           </Grid>
           <Grid item xs={1} style={{ textAlign: "right" }}>
-            <ActionsGroup className={classes.actions} machine={machine} actions={actions} addLog={addLog} />
+            <ActionsGroup machine={machine} actions={actions} addLog={addLog} />
           </Grid>
         </Grid>
       </IconLeftAccordionSummary>