From 809838e9f7f3fc1df0c6f27fdfe3ce5b9181a265 Mon Sep 17 00:00:00 2001
From: Ana Garcia <ana@eyeseetea.com>
Date: Thu, 4 Jul 2024 15:30:33 +0200
Subject: [PATCH] Remove examples and add a TODO for adding sections

---
 src/webapp/pages/dashboard/DashboardPage.tsx  |  7 +--
 .../pages/event-tracker/EventTrackerPage.tsx  | 41 +------------
 .../event-tracker/RiskAssessmentSection.tsx   | 30 ----------
 src/webapp/pages/form/FormPage.tsx            |  9 +--
 .../IncidentActionPlanPage.tsx                | 60 +------------------
 .../IMTeamBuilderPage.tsx                     |  4 +-
 src/webapp/pages/resources/ResourcesPage.tsx  |  2 +-
 7 files changed, 11 insertions(+), 142 deletions(-)
 delete mode 100644 src/webapp/pages/event-tracker/RiskAssessmentSection.tsx

diff --git a/src/webapp/pages/dashboard/DashboardPage.tsx b/src/webapp/pages/dashboard/DashboardPage.tsx
index e0a84bf4..1c3415d0 100644
--- a/src/webapp/pages/dashboard/DashboardPage.tsx
+++ b/src/webapp/pages/dashboard/DashboardPage.tsx
@@ -4,15 +4,12 @@ import i18n from "../../../utils/i18n";
 import { Layout } from "../../components/layout/Layout";
 import { Section } from "../../components/section/Section";
 
+// TODO: Add every section here, first it's just an example
+
 export const DashboardPage: React.FC = React.memo(() => {
     return (
         <Layout title={i18n.t("Dashboard")} showCreateEvent>
             <Section title={i18n.t("Respond, alert, watch")}>Respond, alert, watch content</Section>
-            <Section title={i18n.t("All public health events")}>
-                All public health events content
-            </Section>
-            <Section title={i18n.t("7-1-7 performance")}>7-1-7 performance content</Section>
-            <Section title={i18n.t("Performance overview")}>Performance overview content</Section>
         </Layout>
     );
 });
diff --git a/src/webapp/pages/event-tracker/EventTrackerPage.tsx b/src/webapp/pages/event-tracker/EventTrackerPage.tsx
index cf54bad0..318e447b 100644
--- a/src/webapp/pages/event-tracker/EventTrackerPage.tsx
+++ b/src/webapp/pages/event-tracker/EventTrackerPage.tsx
@@ -1,45 +1,10 @@
 import React from "react";
-import { IconEdit24 } from "@dhis2/ui";
 
 import i18n from "../../../utils/i18n";
 import { Layout } from "../../components/layout/Layout";
-import { Section } from "../../components/section/Section";
-import { Button } from "../../components/button/Button";
-import { RiskAssessmentSection } from "./RiskAssessmentSection";
+
+// TODO: Add every section here
 
 export const EventTrackerPage: React.FC = React.memo(() => {
-    return (
-        <Layout title={i18n.t("Event Tracker")}>
-            <Section
-                title={"Event details, event date"}
-                titleVariant="secondary"
-                headerButtom={
-                    <Button
-                        onClick={function (): void {
-                            throw new Error("Function not implemented.");
-                        }}
-                        variant="outlined"
-                        color="secondary"
-                        startIcon={<IconEdit24 />}
-                    >
-                        {i18n.t("Edit Details")}
-                    </Button>
-                }
-                hasSeparator
-            >
-                Event details
-            </Section>
-            <Section title={i18n.t("Districts affected")} hasSeparator>
-                Districts affected content
-            </Section>
-            <RiskAssessmentSection />
-            <Section title={i18n.t("Overview")} lastUpdated="last updated date" hasSeparator>
-                Overview content
-            </Section>
-            <Section hasSeparator>Cases content</Section>
-            <Section title={i18n.t("7-1-7 performance")} hasSeparator>
-                7-1-7 performance content
-            </Section>
-        </Layout>
-    );
+    return <Layout title={i18n.t("Event Tracker")}></Layout>;
 });
diff --git a/src/webapp/pages/event-tracker/RiskAssessmentSection.tsx b/src/webapp/pages/event-tracker/RiskAssessmentSection.tsx
deleted file mode 100644
index 0a16112f..00000000
--- a/src/webapp/pages/event-tracker/RiskAssessmentSection.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from "react";
-import { IconEdit24 } from "@dhis2/ui";
-
-import i18n from "../../../utils/i18n";
-import { Section } from "../../components/section/Section";
-import { Button } from "../../components/button/Button";
-import { NoticeBox } from "../../components/notice-box/NoticeBox";
-
-export const RiskAssessmentSection: React.FC = React.memo(() => {
-    return (
-        <Section
-            title={i18n.t("Risk Assessment")}
-            headerButtom={
-                <Button
-                    onClick={function (): void {
-                        throw new Error("Function not implemented.");
-                    }}
-                    startIcon={<IconEdit24 />}
-                >
-                    {i18n.t("Create Risk Assessment")}
-                </Button>
-            }
-            hasSeparator
-        >
-            <NoticeBox title={i18n.t("Risk assessment incomplete")}>
-                <div>{i18n.t("Risks associated with this event have not yet been assessed.")}</div>
-            </NoticeBox>
-        </Section>
-    );
-});
diff --git a/src/webapp/pages/form/FormPage.tsx b/src/webapp/pages/form/FormPage.tsx
index 5199b37d..0dadbb41 100644
--- a/src/webapp/pages/form/FormPage.tsx
+++ b/src/webapp/pages/form/FormPage.tsx
@@ -1,14 +1,7 @@
 import React from "react";
 
 import { Layout } from "../../components/layout/Layout";
-import { FormLayout } from "../../components/form/FormLayout";
 
 export const FormPage: React.FC = React.memo(() => {
-    return (
-        <Layout title="Form Title" subtitle="Form Subtitle" hideSideBarOptions>
-            <FormLayout title="title" subtitle="subtitle" onSave={() => {}}>
-                <div>FormPage</div>
-            </FormLayout>
-        </Layout>
-    );
+    return <Layout title="Form Title" subtitle="Form Subtitle" hideSideBarOptions></Layout>;
 });
diff --git a/src/webapp/pages/incident-action-plan/IncidentActionPlanPage.tsx b/src/webapp/pages/incident-action-plan/IncidentActionPlanPage.tsx
index 906ac431..10cd1ac4 100644
--- a/src/webapp/pages/incident-action-plan/IncidentActionPlanPage.tsx
+++ b/src/webapp/pages/incident-action-plan/IncidentActionPlanPage.tsx
@@ -1,69 +1,15 @@
 import React from "react";
-import { IconEdit24 } from "@dhis2/ui";
 
 import i18n from "../../../utils/i18n";
 import { Layout } from "../../components/layout/Layout";
-import { Section } from "../../components/section/Section";
-import { Button } from "../../components/button/Button";
+
+// TODO: Add every section here, first it's just an example
 
 export const IncidentActionPlanPage: React.FC = React.memo(() => {
     return (
         <Layout
             title={i18n.t("Incident Action Plan")}
             subtitle={i18n.t("Cholera in NW Province, June 2023")}
-        >
-            <Section>IAP details</Section>
-            <Section
-                title={i18n.t("Response actions")}
-                headerButtom={
-                    <Button
-                        onClick={function (): void {
-                            throw new Error("Function not implemented.");
-                        }}
-                        variant="outlined"
-                        color="secondary"
-                        startIcon={<IconEdit24 />}
-                    >
-                        {i18n.t("Edit Response Actions")}
-                    </Button>
-                }
-            >
-                Response actions content
-            </Section>
-            <Section
-                title={i18n.t("Action plan")}
-                headerButtom={
-                    <Button
-                        onClick={function (): void {
-                            throw new Error("Function not implemented.");
-                        }}
-                        variant="outlined"
-                        color="secondary"
-                        startIcon={<IconEdit24 />}
-                    >
-                        {i18n.t("Edit Action Plan")}
-                    </Button>
-                }
-            >
-                Action plan content
-            </Section>
-            <Section
-                title={i18n.t("Team")}
-                headerButtom={
-                    <Button
-                        onClick={function (): void {
-                            throw new Error("Function not implemented.");
-                        }}
-                        variant="outlined"
-                        color="secondary"
-                        startIcon={<IconEdit24 />}
-                    >
-                        {i18n.t("Edit Team")}
-                    </Button>
-                }
-            >
-                Team content
-            </Section>
-        </Layout>
+        ></Layout>
     );
 });
diff --git a/src/webapp/pages/incident-management-team-builder/IMTeamBuilderPage.tsx b/src/webapp/pages/incident-management-team-builder/IMTeamBuilderPage.tsx
index 9d54bf66..37b10744 100644
--- a/src/webapp/pages/incident-management-team-builder/IMTeamBuilderPage.tsx
+++ b/src/webapp/pages/incident-management-team-builder/IMTeamBuilderPage.tsx
@@ -8,8 +8,6 @@ export const IMTeamBuilderPage: React.FC = React.memo(() => {
         <Layout
             title={i18n.t("Incident Management Team Builder")}
             subtitle={i18n.t("Cholera in NW Province, June 2023")}
-        >
-            IMTeamBuilderPage
-        </Layout>
+        ></Layout>
     );
 });
diff --git a/src/webapp/pages/resources/ResourcesPage.tsx b/src/webapp/pages/resources/ResourcesPage.tsx
index 4aac11b1..f3ce3e51 100644
--- a/src/webapp/pages/resources/ResourcesPage.tsx
+++ b/src/webapp/pages/resources/ResourcesPage.tsx
@@ -4,5 +4,5 @@ import { Layout } from "../../components/layout/Layout";
 import i18n from "../../../utils/i18n";
 
 export const ResourcesPage: React.FC = React.memo(() => {
-    return <Layout title={i18n.t("Resources")}>ResourcesPage</Layout>;
+    return <Layout title={i18n.t("Resources")}></Layout>;
 });