Ict components

src/index.ts

@@ -172,3 +172,8 @@ export const indexCaseTestingMenu = getSyncLifecycle(
   }),
   options
 );
+export const indexCaseTestingChart = getAsyncLifecycle(
+  () =>
+    import("./pages/ict/ict.component"),
+  options
+);

src/pages/ict/ict.component.tsx

@@ -0,0 +1,29 @@
+/* eslint-disable prettier/prettier */
+import { Tab, Tabs, TabList, TabPanels, TabPanel } from "@carbon/react";
+import React from "react";
+import styles from "../program-management/program-management.scss";
+import ICTGeneral from "./tabs/ict-general.component";
+import IndexContactFollowup from "./tabs/index-contact-followup.component";
+
+const ICT: React.FC<{ patientUuid: string }> = ({ patientUuid }) => {
+  return (
+    <div className={styles.tabContainer}>
+      <Tabs>
+        <TabList contained>
+          <Tab>HEI Enrollment</Tab>
+          <Tab>HEI Followup</Tab>
+        </TabList>
+        <TabPanels>
+          <TabPanel>
+            <ICTGeneral patientUuid={patientUuid} />
+          </TabPanel>
+          <TabPanel>
+            <IndexContactFollowup patientUuid={patientUuid} />
+          </TabPanel>
+        </TabPanels>
+      </Tabs>
+    </div>
+  );
+};
+
+export default ICT;

src/pages/ict/tabs/ict-general.component.tsx

@@ -0,0 +1,13 @@
+/* eslint-disable prettier/prettier */
+import React from "react";
+import { EmptyStateComingSoon } from "@ohri/openmrs-esm-ohri-commons-lib";
+
+const ICTGeneral: React.FC<{ patientUuid: string }> = ({ patientUuid }) => {
+  const pageTitle = "ICT Summary";
+
+  return (
+    <EmptyStateComingSoon displayText={pageTitle} headerTitle={pageTitle} />
+  );
+};
+
+export default ICTGeneral;

src/pages/ict/tabs/index-contact-followup.component.tsx

@@ -0,0 +1,13 @@
+/* eslint-disable prettier/prettier */
+import React from "react";
+import { EmptyStateComingSoon } from "@ohri/openmrs-esm-ohri-commons-lib";
+
+const IndexContactFollowup: React.FC<{ patientUuid: string }> = ({ patientUuid }) => {
+  const pageTitle = "ICT Summary";
+
+  return (
+    <EmptyStateComingSoon displayText={pageTitle} headerTitle={pageTitle} />
+  );
+};
+
+export default IndexContactFollowup;

src/routes.json

@@ -180,6 +180,11 @@
         "path": "index-case-testing",
         "columns": 1
       }
+    },
+    {
+      "name": "index-case-testing-ext",
+      "slot": "index-case-testing-slot",
+      "component": "indexCaseTestingChart"
     }
   ]
 }