fix: correct the name of the new page wherever relevant

Author: ananyaa06

src/ListItems.tsx

@@ -32,7 +32,7 @@ export const mainListItems = (
       <ListItemText primary='Update Data' />
     </ListItemButton>
     <ListItemButton
-      onClick={() => window.open('/admin/new-edit-site', '_self')}
+      onClick={() => window.open('/admin/list-sites', '_self')}
     >
       <ListItemIcon>
         <EditIcon />

src/admin/AdminBody.tsx

@@ -1,7 +1,7 @@
 import UserPage from './UserPage';
 import EditSite from './EditSite';
 import EditData from './EditData';
-import NewEditSite from './NewEditSite';
+import ListSites from './ListSites';
 
 interface AdminBodyProps {
   page: AdminPage;
@@ -15,8 +15,8 @@ export default function AdminBody(props: AdminBodyProps) {
       return <EditSite />;
     case 'edit-data':
       return <EditData />;
-    case 'new-edit-site':
-      return <NewEditSite />;
+    case 'list-sites':
+      return <ListSites />;
     default:
       return <h1>Error</h1>;
   }

src/admin/NewEditSite.tsx renamed to src/admin/ListSites.tsx

@@ -45,7 +45,7 @@ const parseSitesFromJSON = (jsonString: string): Site[] => {
   }
 };
 
-export default function NewEditSite() {
+export default function ListSites() {
   const [sites, setSites] = useState<Site[]>([]);
   const handleEdit = (siteName: string) => {
     console.log(`Edit site with ID: ${siteName}`);

src/index.tsx

@@ -3,7 +3,7 @@ import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import Vis from './vis/Vis';
 import Login from './admin/Login';
 import AdminPortal from './admin/AdminPortal';
-import NewEditSite from './admin/NewEditSite';
+import ListSites from './admin/ListSites';
 import './index.css';
 
 // Get the root element
@@ -24,7 +24,7 @@ root.render(
       <Route path='/login' element={<Login />} />
       <Route path='/admin' element={<AdminPortal />} />
       <Route path='/admin/users' element={<AdminPortal page={'users'} />} />
-      <Route path='/admin/new-edit-site' element={<NewEditSite />} />
+      <Route path='/admin/list-sites' element={<ListSites />} />
       <Route
         path='/admin/edit-site'
         element={<AdminPortal page='edit-site' />}

src/types.d.ts

@@ -22,7 +22,7 @@ type DisplayOption = {
 
 type SiteStatus = 'active' | 'confirmed' | 'in-conversation' | 'unknown';
 
-type AdminPage = 'users' | 'edit-site' | 'edit-data' | 'new-edit-site' | 'test';
+type AdminPage = 'users' | 'edit-site' | 'edit-data' | 'list-sites' | 'test';
 
 type UserRow = {
   identity: string;