diff --git a/src/app/products/_ui/index.tsx b/src/app/products/_ui/index.tsx index 74573ff..0cf314e 100644 --- a/src/app/products/_ui/index.tsx +++ b/src/app/products/_ui/index.tsx @@ -58,6 +58,13 @@ const SectionSubheader = ({ children }: SectionHeaderProps) => { ); }; +interface SectionContentContainerProps { + children: React.ReactNode; +} +const SectionContentContainer = ({ children }: SectionContentContainerProps) => { + return
{children}
; +}; + interface GithubNavProps { version: string; githubHref: string; @@ -295,4 +302,5 @@ export { HaveAQuestionSection, GettingStartedProcessList, Video, + SectionContentContainer, }; diff --git a/src/app/products/ecr-viewer/page.tsx b/src/app/products/ecr-viewer/page.tsx index 33cd5f4..0fc32e4 100644 --- a/src/app/products/ecr-viewer/page.tsx +++ b/src/app/products/ecr-viewer/page.tsx @@ -20,6 +20,7 @@ import { HaveAQuestionSection, GettingStartedProcessList, Video, + SectionContentContainer, } from '../_ui'; export default function EcrViewer() { @@ -41,8 +42,8 @@ export default function EcrViewer() {
Overview -
-

+ +

The eCR Viewer is a tool that aims to improve the usability of electronic case reporting (eCR) data by @@ -76,7 +77,7 @@ export default function EcrViewer() { separately from their surveillance system.

-
+
@@ -119,7 +120,7 @@ export default function EcrViewer() {
-
+
Product features

@@ -185,11 +186,11 @@ export default function EcrViewer() { you're looking for.

-
+
How it works -
+

We currently offer two versions of the eCR Viewer.

    @@ -232,10 +233,10 @@ export default function EcrViewer() { containing sample data. -
+
-
+
Getting started
@@ -265,7 +266,7 @@ export default function EcrViewer() {
-
+
@@ -335,178 +336,183 @@ export default function EcrViewer() {
-
-
- FAQs -

- Find answers to commonly asked questions about the eCR Viewer. -

-
- - Case investigators, epidemiologists, and other public - health practitioners who actively reference eCRs for - their work will use the eCR Viewer as a workflow - optimization tool. - - ), - }, - { - id: '2', - className: 'bg-[#f0f0f0]', - headingLevel: 'h4', - expanded: false, - title: - 'What case surveillance systems are compatible with eCR Viewer?', - content: ( - - We have two versions of eCR Viewer currently available: -
    -
  1. A version integrated directly within NBS
    2. -
  2. - A standalone version that operates outside of a - jurisdiction's surveillance system -
    3. -
- We are also working on a direct integration with - EpiTrax. If you're interested in integrating the eCR - Viewer with other surveillance systems, please reach out - to us at . - - ), - }, - { - id: '3', - className: 'bg-[#f0f0f0]', - headingLevel: 'h4', - expanded: false, - title: 'Where can I find the eCR Viewer within NBS?', - content: ( - - You can open the eCR Viewer by clicking the “View eICR - Document” button while looking at the eCR page in NBS. - Clicking this button would open the new eCR Viewer, - replacing the existing eCR document viewer. - - ), - }, - { - id: '4', - className: 'bg-[#f0f0f0]', - headingLevel: 'h4', - expanded: false, - title: - "Can my jurisdiction set up eCR Viewer if we don't use NBS?", - content: ( - - Yes! The standalone eCR Viewer offers flexibility for - jurisdictions with other surveillance systems (e.g., - Maven). Staff will be able to view eCR documents through - a separate homepage called the eCR Library rather than - within the surveillance system itself. - - ), - }, - { - id: '5', - className: 'bg-[#f0f0f0]', - headingLevel: 'h4', - expanded: false, - title: - 'Who at our organization needs to be involved to set up this tool? ', - content: ( - - We'll need participation from several people in your - public health department to successfully set up the eCR - Viewer. This includes: -
    -
  1. - A jurisdictional subject matter expert who can help - the DIBBs team understand how and where DIBBs - tooling could be hosted -
      -
    1. - This could be an engineer or IT personnel, - either directly embedded in your public health - department or shared at the jurisdiction. -
      2. -
    -
    2. -
  2. - An eCR expert who is familiar with existing eCR - workflows and data sources -
      -
    1. - This could be an epidemiologist, program - manager, or anyone else in your jurisdiction who - is familiar with existing eCR data workflows. -
      2. -
    -
    3. -
- - ), - }, - { - id: '6', - className: 'bg-[#f0f0f0]', - headingLevel: 'h4', - expanded: false, - title: - 'Can you speak to privacy preservation in your tool?', - content: ( - - All information is transmitted and protected using - standards mandated by individual jurisdictions or the - Department of Health and Human Services as applicable - based on hosting location. - - ), - }, - { - id: '7', - className: 'bg-[#f0f0f0]', - headingLevel: 'h4', - expanded: false, - title: 'What is the long-term viability of this product?', - content: ( - - Our team is working with stakeholders at CDC to - establish a roadmap for near- and long-term support. As - eCR data becomes more embedded in the public health - ecosystem, this product will also give your jurisdiction - the chance to provide direct feedback to CDC on what you - need to make eCR data as usable as possible to improve - public health outcomes. - - ), - }, - { - id: '8', - className: 'bg-[#f0f0f0]', - headingLevel: 'h4', - expanded: false, - title: 'How do I get started?', - content: ( - - Reach out to our team at for a free - consultation and find our whether the eCR Viewer is - right for your jurisdiction. - - ), - }, - ]} - /> - +
+ +
+ FAQs +

+ Find answers to commonly asked questions about the eCR + Viewer. +

+
+ + Case investigators, epidemiologists, and other public + health practitioners who actively reference eCRs for + their work will use the eCR Viewer as a workflow + optimization tool. + + ), + }, + { + id: '2', + className: 'bg-[#f0f0f0]', + headingLevel: 'h4', + expanded: false, + title: + 'What case surveillance systems are compatible with eCR Viewer?', + content: ( + + We have two versions of eCR Viewer currently + available: +
    +
  1. A version integrated directly within NBS
    2. +
  2. + A standalone version that operates outside of a + jurisdiction's surveillance system +
    3. +
+ We are also working on a direct integration with + EpiTrax. If you're interested in integrating the eCR + Viewer with other surveillance systems, please reach + out to us at . + + ), + }, + { + id: '3', + className: 'bg-[#f0f0f0]', + headingLevel: 'h4', + expanded: false, + title: 'Where can I find the eCR Viewer within NBS?', + content: ( + + You can open the eCR Viewer by clicking the “View eICR + Document” button while looking at the eCR page in NBS. + Clicking this button would open the new eCR Viewer, + replacing the existing eCR document viewer. + + ), + }, + { + id: '4', + className: 'bg-[#f0f0f0]', + headingLevel: 'h4', + expanded: false, + title: + "Can my jurisdiction set up eCR Viewer if we don't use NBS?", + content: ( + + Yes! The standalone eCR Viewer offers flexibility for + jurisdictions with other surveillance systems (e.g., + Maven). Staff will be able to view eCR documents + through a separate homepage called the eCR Library + rather than within the surveillance system itself. + + ), + }, + { + id: '5', + className: 'bg-[#f0f0f0]', + headingLevel: 'h4', + expanded: false, + title: + 'Who at our organization needs to be involved to set up this tool? ', + content: ( + + We'll need participation from several people in your + public health department to successfully set up the + eCR Viewer. This includes: +
    +
  1. + A jurisdictional subject matter expert who can + help the DIBBs team understand how and where DIBBs + tooling could be hosted +
      +
    1. + This could be an engineer or IT personnel, + either directly embedded in your public health + department or shared at the jurisdiction. +
      2. +
    +
    2. +
  2. + An eCR expert who is familiar with existing eCR + workflows and data sources +
      +
    1. + This could be an epidemiologist, program + manager, or anyone else in your jurisdiction + who is familiar with existing eCR data + workflows. +
      2. +
    +
    3. +
+ + ), + }, + { + id: '6', + className: 'bg-[#f0f0f0]', + headingLevel: 'h4', + expanded: false, + title: + 'Can you speak to privacy preservation in your tool?', + content: ( + + All information is transmitted and protected using + standards mandated by individual jurisdictions or the + Department of Health and Human Services as applicable + based on hosting location. + + ), + }, + { + id: '7', + className: 'bg-[#f0f0f0]', + headingLevel: 'h4', + expanded: false, + title: 'What is the long-term viability of this product?', + content: ( + + Our team is working with stakeholders at CDC to + establish a roadmap for near- and long-term support. + As eCR data becomes more embedded in the public health + ecosystem, this product will also give your + jurisdiction the chance to provide direct feedback to + CDC on what you need to make eCR data as usable as + possible to improve public health outcomes. + + ), + }, + { + id: '8', + className: 'bg-[#f0f0f0]', + headingLevel: 'h4', + expanded: false, + title: 'How do I get started?', + content: ( + + Reach out to our team at for a free + consultation and find our whether the eCR Viewer is + right for your jurisdiction. + + ), + }, + ]} + /> + +