Ananya dev (#47)

* feat(admin): add new edit site page with server API integration

- Create new edit site page component
- Implement interface for new server endpoints
- Add initial API request parsing logic

* fix: update the schema file so that calls can be made properly to the new endpoints

* fix: correct the name of the new page wherever relevant

* feat: create functions for editing and creating Site model via API calls

* feat(admin): add site creation and editing page with MongoDB integration

- Create new page for creating and editing sites
- Integrate with new MongoDB endpoints for site management
- Add routing for /admin/create-edit-site

* fix: change the CreateEditSite and ListSites pages to use the correct class
- Update routing to reflect two new modes
- Use Site class instead of the component from the schema
- Add an imported color picker

* fix: remove old attempt at passing in props

* feat: use URL to load site information when editing

* feat: connect API calls to save button in CreateEditSite

* refactor: import for color picker

* fix: change how sites are parsed from JSON to fix boundary loading

* refactor: run npm format

* feat: add additional validation to all lat/long data entry in CreateEditSites.tsx

* refactor: replace old edit-site routing with new UI

* refactor: replace api/sites with api/public-sites

* Revert "refactor: replace api/sites with api/public-sites"

This reverts commit 04bb588.

* refactor: replace api/public-sites with api/sites and make necessary changes to preserve functionality

* feat: add confirmation dialog to site deletion plus edit handleSave so it goes back after site is saved

* refactor: run npm format

* refactor: remove old-sites

* fix: put edit-sites behind secure

Author: ananyaa06

package-lock.json

@@ -23,6 +23,7 @@
     "qrcode.react": "^4.2.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-pick-color": "^2.0.0",
     "react-router": "^7.3.0",
     "react-router-dom": "^7.3.0",
     "react-select": "^5.10.1",

package.json

@@ -7,6 +7,7 @@ import ManageAccountsIcon from '@mui/icons-material/ManageAccounts';
 import SyncIcon from '@mui/icons-material/Sync';
 import HomeIcon from '@mui/icons-material/Home';
 import AdminPanelSettingsIcon from '@mui/icons-material/AdminPanelSettings';
+import EditIcon from '@mui/icons-material/Edit';
 import { ListItemButton } from '@mui/material';
 
 export const mainListItems = (
@@ -18,7 +19,7 @@ export const mainListItems = (
       </ListItemIcon>
       <ListItemText primary='Manage users' />
     </ListItemButton>
-    <ListItemButton onClick={() => window.open('/admin/edit-site', '_self')}>
+    <ListItemButton onClick={() => window.open('/admin/list-sites', '_self')}>
       <ListItemIcon>
         <EditLocationAltIcon />
       </ListItemIcon>

src/ListItems.tsx

@@ -1,6 +1,8 @@
 import UserPage from './UserPage';
 import EditSite from './EditSite';
 import EditData from './EditData';
+import ListSites from './ListSites';
+import CreateEditSite from './CreateEditSite';
 
 interface AdminBodyProps {
   page: AdminPage;
@@ -14,6 +16,12 @@ export default function AdminBody(props: AdminBodyProps) {
       return <EditSite />;
     case 'edit-data':
       return <EditData />;
+    case 'list-sites':
+      return <ListSites />;
+    case 'create-site':
+      return <CreateEditSite mode='create' />;
+    case 'new-edit-site':
+      return <CreateEditSite mode='edit' />;
     default:
       return <h1>Error</h1>;
   }