From 12442c564d1aeee156e0a404eaf50aa383ae29e5 Mon Sep 17 00:00:00 2001 From: gragragrace <107156916+gragragrace@users.noreply.github.com> Date: Tue, 24 Oct 2023 13:15:33 -0500 Subject: [PATCH 001/111] new page --- README.md | 2 +- components/DiagContext.module.css | 12 ++++++++++ components/DiagContext.tsx | 15 ++++++++++++ components/DiagSidebar.module.css | 8 +++++++ components/DiagSidebar.tsx | 28 ++++++++++++++++++++++ components/Hypothesis.module.css | 14 +++++++++++ components/Hypothesis.tsx | 26 +++++++++++++++++++++ pages/diagnosis.module.css | 23 ++++++++++++++++++ pages/diagnosis.tsx | 39 +++++++++++++++++++++++++++++++ 9 files changed, 166 insertions(+), 1 deletion(-) create mode 100644 components/DiagContext.module.css create mode 100644 components/DiagContext.tsx create mode 100644 components/DiagSidebar.module.css create mode 100644 components/DiagSidebar.tsx create mode 100644 components/Hypothesis.module.css create mode 100644 components/Hypothesis.tsx create mode 100644 pages/diagnosis.module.css create mode 100644 pages/diagnosis.tsx diff --git a/README.md b/README.md index ce2c30b..caea136 100644 --- a/README.md +++ b/README.md @@ -6,4 +6,4 @@ Install packages using `yarn install`. ## Development -Start a development server using `yarn dev` and navigate to `localhost:3000`. Changes in code will automatically cause the website to be re-built and update the browser. +Start a development server using `yarn dev` and navigate to `localhost:8080`. Changes in code will automatically cause the website to be re-built and update the browser. diff --git a/components/DiagContext.module.css b/components/DiagContext.module.css new file mode 100644 index 0000000..a453997 --- /dev/null +++ b/components/DiagContext.module.css @@ -0,0 +1,12 @@ +.container{ + width: 100%; + height: 100%; +} + +.context_space { + padding: 20px; + background-color: white; + width: 100%; + height: 95%; + box-sizing: border-box; +} \ No newline at end of file diff --git a/components/DiagContext.tsx b/components/DiagContext.tsx new file mode 100644 index 0000000..c5574ec --- /dev/null +++ b/components/DiagContext.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import styles from './DiagContext.module.css'; + +const Context: React.FC = () => { + return ( +
{cause.RC}
+Strategy: {cause.strategy}
+