diff --git a/src/components/main-layout/ContentPanel.tsx b/src/components/main-layout/ContentPanel.tsx index 0ac1eaa..7071f2f 100644 --- a/src/components/main-layout/ContentPanel.tsx +++ b/src/components/main-layout/ContentPanel.tsx @@ -3,7 +3,6 @@ import { Flex } from "antd"; import useModule from "../../hooks/useModule"; import { Section, PageContent, Module } from "../../types"; -import { moduleNames } from "../../content"; import PointerIcon from "../icons/PointerIcon"; import NextButton from "../shared/NextButton"; import BackButton from "../shared/BackButton"; @@ -33,21 +32,19 @@ const ContentPanel: React.FC = ({ }) => { const showButton = nextButton; const { totalMainContentPages } = useModule(currentModule); - const moduleName = moduleNames[currentModule]; let header; - const module = {moduleName}; if (section !== Section.BonusContent) { - const pageInfo = `${pageNumber} of ${totalMainContentPages}`; + const pageInfo = `${pageNumber}/${totalMainContentPages}`; if (title) { header = ( <> - {pageInfo} - {module} - {title} + {pageInfo} - {title} ); } else { header = ( <> - {pageInfo} - {module} - {Section[section]} + {pageInfo} - {Section[section]} ); } diff --git a/src/content/HighAffinity.tsx b/src/content/HighAffinity.tsx index 5cd473a..cd26538 100644 --- a/src/content/HighAffinity.tsx +++ b/src/content/HighAffinity.tsx @@ -58,7 +58,7 @@ export const highAffinityContentArray: PageContent[] = [ layout: LayoutType.LiveSimulation, }, { - title: "Start the Experiment", + title: "Start the experiment", content: ( <> Now, let's use this simulation to make measurements. We're going @@ -72,7 +72,7 @@ export const highAffinityContentArray: PageContent[] = [ layout: LayoutType.LiveSimulation, }, { - title: "Start the Experiment", + title: "Start the experiment", content: ( <> Now, let's use this simulation to make measurements. We're going @@ -86,6 +86,7 @@ export const highAffinityContentArray: PageContent[] = [ layout: LayoutType.LiveSimulation, }, { + title: "Identifying equilibrium", content: ( <> When the reaction first starts, the concentration of each @@ -101,6 +102,7 @@ export const highAffinityContentArray: PageContent[] = [ layout: LayoutType.LiveSimulation, }, { + title: "Affinity", content: ( <> The goal of these experiments is to figure out how tightly two @@ -119,6 +121,7 @@ export const highAffinityContentArray: PageContent[] = [ layout: LayoutType.LiveSimulation, }, { + title: "Repeating the experiment", content: ( <> We want to understand the affinity of{" "} @@ -141,6 +144,7 @@ export const highAffinityContentArray: PageContent[] = [ layout: LayoutType.LiveSimulation, }, { + title: "Deriving Kd", content: ( <> We use the constant{" "} diff --git a/src/content/LowAffinity.tsx b/src/content/LowAffinity.tsx index aa2a368..e00c567 100644 --- a/src/content/LowAffinity.tsx +++ b/src/content/LowAffinity.tsx @@ -9,6 +9,7 @@ export const lowAffinityContentArray: PageContent[] = [ layout: LayoutType.FullScreenOverlay, }, { + title: "Experiment with a binding partner", content: ( <> Molecule has a different binding affinity with molecule{" "} @@ -23,6 +24,7 @@ export const lowAffinityContentArray: PageContent[] = [ "Press play and watch the Concentration over time plot until you think the reaction has reached equilibrium. Then, press the “Record” button to record the equilibrium concentration.", }, { + title: "Determining Kd", content: ( <> We can use the same method we used for and to