From 0007e1d760adb23e91b352911f29e188dccf1bf9 Mon Sep 17 00:00:00 2001 From: Sigfried Gold Date: Mon, 9 Dec 2024 09:42:30 -0500 Subject: [PATCH] Fixes #1008 --- frontend/src/App.css | 5 - frontend/src/components/AboutPage.jsx | 159 +++++++++++++------------- frontend/src/components/Csets.jsx | 4 +- 3 files changed, 83 insertions(+), 85 deletions(-) diff --git a/frontend/src/App.css b/frontend/src/App.css index ae9506c5a..664f488e3 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -139,11 +139,6 @@ textarea { margin: 3px; } -.info-block { - font-family: "Roboto", sans-serif; - padding: 0 20px; -} - /* from floating-ui popover sandbox: https://codesandbox.io/s/distracted-swirles-jo1pvu?file=/src/styles.css:59-312 */ diff --git a/frontend/src/components/AboutPage.jsx b/frontend/src/components/AboutPage.jsx index fbc06db44..933531651 100644 --- a/frontend/src/components/AboutPage.jsx +++ b/frontend/src/components/AboutPage.jsx @@ -444,86 +444,89 @@ export const PRE = (props) => ( ); -export let DOCS = {}; -DOCS.blank_search_intro = ( - <> -

Welcome to VS-Hub! Beta version {VERSION}

-

- VS-Hub is a tool for comparing, analyzing, updating, and creating concept - sets. At the current time it only handles concept sets in the N3C Enclave, - but is charted to expand beyond N3C in the near future. -

-

Within VS-Hub you can:

+export function BlankSearchIntro() { -
-

- CSET SEARCH -

- - -

- CSET COMPARISON -

- + return ( +
+
+

Welcome to VS-Hub! Beta version {VERSION}

+

+ VS-Hub is a tool for comparing, analyzing, updating, and creating + concept + sets. At the current time it only handles concept sets in the N3C + Enclave, + but is charted to expand beyond N3C in the near future. +

+

Within VS-Hub you can:

-

- LOAD A LIST OF CONCEPT SETS (codeset_ids) -

- +
+

+ CSET SEARCH +

+
    +
  • + Perform searches for existing concept sets currently in the + N3C + Enclave. +
    • +
- {/* -

UPLOAD CSV -

    -
  • - With a single CSV, you can create (i) a new version to an existing concept set, e.g. to - add/delete concepts or change metadata, and (ii) coming soon: upload a completely new concept set ("concept set - container"). -
    • -
-

- */} +

+ CSET COMPARISON +

+
    +
  • Compare selected concept sets.
    • +
  • + Add and remove concepts by reviewing and selecting concept + mappings, + descendants, exclusions. +
    • +
  • + Export JSON of modified concept set. (Required in order to put + changes + in Enclave, for now.) +
    • +
-

- HELP/ABOUT -

-
    -
  • - Learn more about VS-Hub and review the step by step “How To” section. -
    • -
  • Provide feedback by creating a GitHub issue.
    • -
  • - Let us know of any bug or a poor user experience, or share a feature - request. -
    • -
-
-
- © Johns Hopkins University 2023. Available open source on{' '} - GitHub under a{' '} - - GPL 3 License - - . +

+ LOAD A LIST OF CONCEPT SETS (codeset_ids) +

+ +

+ HELP/ABOUT +

+
    +
  • + Learn more about VS-Hub and review the step by step “How To” section. +
    • +
  • Provide feedback by creating a GitHub + issue.
    • +
  • + Let us know of any bug or a poor user experience, or share a + feature + request. +
    • +
+
+ {/* Copyright notice */} +
+ © Johns Hopkins University 2023, 2024. Available open source on{' '} + GitHub under a{' '} + GPL 3 License. +
+
- -); - + ) +} \ No newline at end of file diff --git a/frontend/src/components/Csets.jsx b/frontend/src/components/Csets.jsx index 671460acd..c4fa0f20c 100644 --- a/frontend/src/components/Csets.jsx +++ b/frontend/src/components/Csets.jsx @@ -16,7 +16,7 @@ import { get, keyBy, orderBy, difference, isNumber, isEmpty, flatten } from 'lod import Card from '@mui/material/Card'; import CardContent from '@mui/material/CardContent'; import Typography from '@mui/material/Typography'; -import { DOCS } from './AboutPage'; +import { BlankSearchIntro } from './AboutPage'; import { useDataGetter, getResearcherIdsFromCsets } from '../state/DataGetter'; import {useCids, useCodesetIds} from '../state/AppState'; @@ -341,7 +341,7 @@ export function ConceptSetsPage () { return ( <> -
{DOCS.blank_search_intro}
+ ); }