Admin page cleanup

frontend/src/App.tsx

@@ -6,9 +6,7 @@ import Header from './components/Header'
 import Elections from './components/Elections'
 import Login from './components/Login'
 import CreateElectionTemplates from './components/ElectionForm/CreateElectionTemplates'
-// import AddElection from './components/ElectionForm/AddElection'
 import Election from './components/Election/Election'
-import DuplicateElection from './components/ElectionForm/DuplicateElection'
 import Sandbox from './components/Sandbox'
 import DebugPage from './components/DebugPage'
 import LandingPage from './components/LandingPage'
@@ -58,7 +56,6 @@ const App = () => {
                 <Route path='/Debug' element={<DebugPage authSession={authSession} />} />
                 <Route path='/CreateElection' element={<CreateElectionTemplates authSession={authSession} />} />
                 <Route path='/Election/:id/*' element={<Election authSession={authSession} />} />
-                <Route path='/DuplicateElection/:id' element={<DuplicateElection authSession={authSession} />} />
                 <Route path='/Sandbox' element={<Sandbox />} />
               </Routes>
             </Box>

frontend/src/components/Election/Admin/Admin.tsx

@@ -9,7 +9,7 @@ const Admin = ({ authSession, election, permissions, fetchElection }) => {
     return (
         <Container>
             <Routes>
-                <Route path='/' element={<AdminHome />} />
+                <Route path='/' element={<AdminHome authSession={authSession}/>} />
                 <Route path='/voters' element={<ViewElectionRolls election={election} permissions={permissions} />} />
                 <Route path='/roles' element={<EditRoles election={election} permissions={permissions} fetchElection={fetchElection} />} />
                 <Route path='/ballots' element={<ViewBallots election={election} permissions={permissions} />} />

frontend/src/components/Election/Sidebar.tsx

@@ -35,15 +35,11 @@ export default function Sidebar({ electionData }) {
                             <ListItem text='Admin Home' link={`/Election/${id}/admin`} />
                             {electionData.election.state === 'draft' &&
                                 <>
-
                                     {process.env.REACT_APP_FF_METHOD_ELECTION_ROLES === 'true' &&
                                         <PermissionHandler permissions={electionData.voterAuth.permissions} requiredPermission={'canEditElectionRoles'}>
                                             <ListItem text='Edit Election Roles' link={`/Election/${id}/admin/roles`} />
                                         </PermissionHandler>
                                     }
-                                    <PermissionHandler permissions={electionData.voterAuth.permissions} requiredPermission={'canEditElection'}>
-                                        <ListItem text='Edit Election' link={`/Election/${id}/edit`} />
-                                    </PermissionHandler>
                                 </>}
                             <PermissionHandler permissions={electionData.voterAuth.permissions} requiredPermission={'canViewElectionRoll'}>
                                 <ListItem text='Voters' link={`/Election/${id}/admin/voters`} />

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>

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} >

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>

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>

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}>