Some improvements to Tables and OverviewPage

frontend/app/module/data_entry/page/DataEntryHomePage.tsx

@@ -2,7 +2,6 @@ import { useEffect } from "react";
 import { useLocation, useNavigate } from "react-router";
 
 import { ElectionProgress } from "app/component/election/ElectionProgress";
-import { Footer } from "app/component/footer/Footer";
 import { PollingStationChoiceForm } from "app/component/form/data_entry/polling_station_choice/PollingStationChoiceForm";
 
 import { DEFAULT_CANCEL_REASON, useElection, useElectionStatus } from "@kiesraad/api";
@@ -73,7 +72,6 @@ export function DataEntryHomePage() {
         </article>
         <ElectionProgress />
       </main>
-      <Footer />
     </>
   );
 }

frontend/app/module/election/OverviewLayout.tsx

@@ -1,5 +1,7 @@
 import { Outlet } from "react-router";
 
+import { Footer } from "app/component/footer/Footer";
+
 import { ElectionListProvider } from "@kiesraad/api";
 import { AppLayout } from "@kiesraad/ui";
 
@@ -8,6 +10,7 @@ export function OverviewLayout() {
     <ElectionListProvider>
       <AppLayout>
         <Outlet />
+        <Footer />
       </AppLayout>
     </ElectionListProvider>
   );

frontend/app/module/election/page/ElectionHomePage.tsx

@@ -1,7 +1,5 @@
 import { Link } from "react-router";
 
-import { Footer } from "app/component/footer/Footer";
-
 import { useElection } from "@kiesraad/api";
 import { t } from "@kiesraad/i18n";
 import { PageTitle } from "@kiesraad/ui";
@@ -42,7 +40,6 @@ export function ElectionHomePage() {
           </ul>
         </article>
       </main>
-      <Footer />
     </>
   );
 }

frontend/app/module/election/page/ElectionReportPage.tsx

@@ -1,5 +1,3 @@
-import { Footer } from "app/component/footer/Footer";
-
 import { useElection, useElectionStatus } from "@kiesraad/api";
 import { t, tx } from "@kiesraad/i18n";
 import { Button, FormLayout, PageTitle } from "@kiesraad/ui";
@@ -84,7 +82,6 @@ export function ElectionReportPage() {
           </FormLayout.Controls>
         </article>
       </main>
-      <Footer />
     </>
   );
 }

frontend/app/module/election/page/ElectionStatusPage.tsx

@@ -2,7 +2,6 @@ import { useNavigate } from "react-router";
 
 import { HeaderElectionStatusWithIcon } from "app/component/election/ElectionStatusWithIcon";
 import { ElectionStatus } from "app/component/election/status/ElectionStatus";
-import { Footer } from "app/component/footer/Footer";
 
 import { useElection, useElectionStatus } from "@kiesraad/api";
 import { t } from "@kiesraad/i18n";
@@ -49,7 +48,6 @@ export function ElectionStatusPage() {
           navigate={(path) => void navigate(path)}
         />
       </main>
-      <Footer />
     </>
   );
 }

frontend/app/module/election/page/OverviewPage.test.tsx

@@ -38,7 +38,12 @@ describe("OverviewPage", () => {
       </ElectionListProvider>,
     );
 
-    expect(await screen.findByText(/Nog geen verkiezingen ingesteld/)).toBeVisible();
+    expect(await screen.findByText(/Abacus is nog niet klaar voor gebruik/)).toBeVisible();
+    expect(
+      await screen.findByText(
+        /Je kan als invoerder nog niks doen. Wacht tot de coördinator het systeem openstelt voor het invoeren van telresultaten./,
+      ),
+    ).toBeVisible();
     expect(screen.queryByRole("table")).toBeNull();
   });
 });

frontend/app/module/election/page/OverviewPage.tsx

@@ -1,7 +1,6 @@
 import { To, useLocation, useNavigate } from "react-router";
 
 import { ElectionStatusWithIcon } from "app/component/election/ElectionStatusWithIcon";
-import { Footer } from "app/component/footer/Footer";
 import { NavBar } from "app/component/navbar/NavBar";
 
 import { Election, useElectionList } from "@kiesraad/api";
@@ -49,10 +48,18 @@ export function OverviewPage() {
         </Alert>
       )}
       <main>
-        {!electionList.length ? (
-          <h2>{t("election.no_elections_added")}</h2>
-        ) : (
-          <article>
+        <article>
+          {!electionList.length ? (
+            !isAdminOrCoordinator ? (
+              <>
+                <h2 className="mb-lg">{t("election.not_ready_for_use")}</h2>
+                <p className="md form-paragraph">{t("election.please_wait_for_coordinator")}</p>
+              </>
+            ) : (
+              <h2>{t("election.no_elections_added")}</h2>
+              // TODO: To be expanded in issue #888
+            )
+          ) : (
             <Table id="overview">
               <Table.Header>
                 <Table.HeaderCell>{t("election.title.singular")}</Table.HeaderCell>
@@ -76,10 +83,9 @@ export function OverviewPage() {
                 ))}
               </Table.Body>
             </Table>
-          </article>
-        )}
+          )}
+        </article>
       </main>
-      <Footer />
     </>
   );
 }

frontend/app/module/polling_stations/index.ts

@@ -1,2 +1 @@
-export * from "./PollingStationsLayout";
 export * from "./page";

frontend/app/routes.tsx

@@ -12,7 +12,7 @@ import {
 } from "app/module/election";
 import { LogsHomePage } from "app/module/logs";
 import { NotAvailableInMock } from "app/module/NotAvailableInMock";
-import { PollingStationListPage, PollingStationsLayout } from "app/module/polling_stations";
+import { PollingStationListPage } from "app/module/polling_stations";
 import { UserListPage } from "app/module/users";
 import { WorkstationsHomePage } from "app/module/workstations";
 
@@ -60,7 +60,7 @@ export const routes = createRoutesFromElements(
           }
         />
         <Route path="status" element={<ElectionStatusPage />} />
-        <Route path="polling-stations" element={<PollingStationsLayout />}>
+        <Route path="polling-stations" element={null}>
           <Route index element={<PollingStationListPage />} />
           <Route path="create" element={<PollingStationCreatePage />} />
           <Route path=":pollingStationId/update" element={<PollingStationUpdatePage />} />

frontend/lib/i18n/locales/nl/election.json

@@ -10,6 +10,8 @@
   "level_polling_station": "Niveau stembureau",
   "location": "Gebied",
   "no_elections_added": "Nog geen verkiezingen ingesteld",
+  "not_ready_for_use": "Abacus is nog niet klaar voor gebruik",
+  "please_wait_for_coordinator": "Je kan als invoerder nog niks doen. Wacht tot de coördinator het systeem openstelt voor het invoeren van telresultaten.",
   "status": "Status",
   "start_when_count_list_received": "Zodra je een tellijst van een stembureau hebt gekregen kan je beginnen met invoeren."
 }