From 02e783c43141f5e72b20b91d97bf70c8fb3d66de Mon Sep 17 00:00:00 2001
From: Trillium Smith <trillium@trilliumsmith.com>
Date: Sat, 14 Feb 2026 21:56:15 -0800
Subject: [PATCH] Fix: Frontend build errors in ManageProjects and buttonGroup
 components

Fixed two build errors preventing the frontend Docker image from building:

1. Removed duplicate 'display' key in loadingStyle object (ManageProjects.jsx)
   - The loadingStyle object had both "display": "none" and "display": "flex"
   - Kept "display": "flex" which is correct for the loading overlay
   - Introduced in commit 3a25f7f0 by JamesNg on 2025-01-29

2. Replaced non-existent StyledButton import with MUI Button (buttonGroup.jsx)
   - Component was importing StyledButton from ProjectForm.jsx
   - StyledButton export was removed in commit 8e9ac7b9 by Kaipher on 2025-10-06
   - Component was created in commit cf194d22 by JamesNg on 2025-09-29
   - Updated to use standard MUI Button component with matching styles

Build errors resolved:
- "Duplicate key 'display' in object literal"
- "StyledButton is not exported by src/components/ProjectForm.jsx"

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
---
 .../manageProjects/editPMs/buttonGroup.jsx      | 17 +++++++----------
 client/src/pages/ManageProjects.jsx             |  1 -
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/client/src/components/manageProjects/editPMs/buttonGroup.jsx b/client/src/components/manageProjects/editPMs/buttonGroup.jsx
index 29727dbd3..9ee7980d8 100644
--- a/client/src/components/manageProjects/editPMs/buttonGroup.jsx
+++ b/client/src/components/manageProjects/editPMs/buttonGroup.jsx
@@ -1,27 +1,24 @@
-import { CircularProgress, Grid } from "@mui/material";
-import { StyledButton } from '../../ProjectForm';
+import { CircularProgress, Grid, Button } from "@mui/material";
 
 const ButtonGroup = ({ btnName1, btnName2, callBackFn1, callBackFn2, isLoading }) => (
   <Grid container justifyContent="space-evenly" sx={{ my: 3 }}>
     <Grid item xs="auto">
-      <StyledButton
-        sx="large"
-        cursor="pointer"
+      <Button
+        sx={{ width: '150px', cursor: 'pointer' }}
         variant="contained"
         onClick={(btn) => callBackFn1(btn)}
       >
         {isLoading ? <CircularProgress /> : `${btnName1}`}
-      </StyledButton>
+      </Button>
     </Grid>
     <Grid item xs="auto">
-      <StyledButton
-        sx="large"
-        cursor="pointer"
+      <Button
+        sx={{ width: '150px', cursor: 'pointer' }}
         variant="contained"
         onClick={callBackFn2}
       >
         {btnName2}
-      </StyledButton>
+      </Button>
     </Grid>
   </Grid>
 );
diff --git a/client/src/pages/ManageProjects.jsx b/client/src/pages/ManageProjects.jsx
index 75f4512bd..17cec22ee 100644
--- a/client/src/pages/ManageProjects.jsx
+++ b/client/src/pages/ManageProjects.jsx
@@ -17,7 +17,6 @@ const PAGES = Object.freeze({
 
 // Added styles for MUI components
 const loadingStyle = {
-  "display": "none",
   "position": "absolute",
   "display": "flex",
   "flexDirection": "row",