Disabling some functions after draft phase

Equal-Vote · Nov 6, 2023 · 393abc0 · 393abc0
1 parent fa23e2c
commit 393abc0
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 5 deletions.
diff --git a/frontend/src/components/ElectionForm/Details/ElectionDetailsInlineForm.tsx b/frontend/src/components/ElectionForm/Details/ElectionDetailsInlineForm.tsx
@@ -56,6 +56,7 @@ export default function ElectionDetailsInlineForm() {
                         <Box sx={{}}>
                             <IconButton
                                 aria-label="edit"
+                                disabled={election.state!=='draft'}
                                 onClick={handleOpen}>
                                 <EditIcon />
                             </IconButton>

diff --git a/frontend/src/components/ElectionForm/Races/AddRace.tsx b/frontend/src/components/ElectionForm/Races/AddRace.tsx
@@ -31,7 +31,8 @@ export default function AddRace() {
                 variant="contained"
                 fullWidth={false}
                 sx={{ borderRadius: 28, backgroundColor: 'brand.green' }}
-                onClick={handleOpen}>
+                onClick={handleOpen}
+                disabled={election.state!=='draft'}>
                 Add
             </StyledButton>
             <RaceDialog onSaveRace={onAdd} open={open} handleClose={handleClose} >

diff --git a/frontend/src/components/ElectionForm/Races/Race.tsx b/frontend/src/components/ElectionForm/Races/Race.tsx
@@ -5,12 +5,15 @@ import { Box, Paper } from "@mui/material"
 import IconButton from '@mui/material/IconButton'
 import DeleteIcon from '@mui/icons-material/Delete';
 import EditIcon from '@mui/icons-material/Edit';
+import VisibilityIcon from '@mui/icons-material/Visibility';
 import RaceDialog from './RaceDialog';
 import { useEditRace } from './useEditRace';
 import RaceForm from './RaceForm';
+import useElection from '../../ElectionContextProvider';
 
 export default function Race({ race, race_index }) {
 
+    const { election } = useElection()
     const { editedRace, errors, setErrors, applyRaceUpdate, onSaveRace, onDeleteRace } = useEditRace(race, race_index)
 
     const [open, setOpen] = useState(false);
@@ -36,15 +39,16 @@ export default function Race({ race, race_index }) {
                     <IconButton
                         aria-label="edit"
                         onClick={handleOpen}>
-                        <EditIcon />
+                        {election.state==='draft' ? <EditIcon /> : <VisibilityIcon /> }
                     </IconButton>
                 </Box>
                 <Box sx={{ flexShrink: 1, p: 1 }}>
 
                     <IconButton
                         aria-label="delete"
                         color="error"
-                        onClick={onDeleteRace}>
+                        onClick={onDeleteRace}
+                        disabled={election.state!=='draft'}>
                         <DeleteIcon />
                     </IconButton>
                 </Box>

diff --git a/frontend/src/components/ElectionForm/Races/RaceDialog.tsx b/frontend/src/components/ElectionForm/Races/RaceDialog.tsx
@@ -2,10 +2,12 @@ import React from 'react'
 
 import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material"
 import { StyledButton } from '../../styles';
+import useElection from '../../ElectionContextProvider';
 
 
 export default function RaceDialog({ onSaveRace, open, handleClose, children }) {
 
+    const { election } = useElection()
     const handleSave = () => {
         onSaveRace()
     }
@@ -39,7 +41,8 @@ export default function RaceDialog({ onSaveRace, open, handleClose, children })
                     type='button'
                     variant="contained"
                     fullWidth={false}
-                    onClick={() => handleSave()}>
+                    onClick={() => handleSave()}
+                    disabled={election.state!=='draft'}>
                     Save
                 </StyledButton>
             </DialogActions>

diff --git a/frontend/src/components/ElectionForm/Races/Races.tsx b/frontend/src/components/ElectionForm/Races/Races.tsx
@@ -6,7 +6,7 @@ import Race from './Race';
 import AddRace from './AddRace';
 
 export default function Races() {
-    const { election, refreshElection, permissions, updateElection } = useElection()
+    const { election } = useElection()
 
     return (
         <Stack spacing={2}>