From 4df0c6a7456cd281a5cd1cd2bbce68b09033e738 Mon Sep 17 00:00:00 2001 From: cophilot Date: Sat, 17 Feb 2024 15:18:09 +0100 Subject: [PATCH] added help button on heading --- src/views/Help/Help.tsx | 344 ++++++++++++++++----------------- src/views/Home/Home.scss | 4 + src/views/Home/Home.tsx | 14 +- src/views/OrgPage/OrgPage.scss | 3 + src/views/OrgPage/OrgPage.tsx | 20 +- 5 files changed, 202 insertions(+), 183 deletions(-) diff --git a/src/views/Help/Help.tsx b/src/views/Help/Help.tsx index 450903c..2ccd021 100644 --- a/src/views/Help/Help.tsx +++ b/src/views/Help/Help.tsx @@ -14,189 +14,173 @@ function Help() {

wannadb HELP CENTER

- { - /* TODO*/ - <> -
- +
-

- Welcome to the wannadb{' '} - help center. Here you will find answers to - frequently asked questions and useful tips for using - our service.
- For all of these functions to work please login or - register an new account. -

-
-

How to upload documents?

- { -
    -
  1. -

    - Navigate to the Homepage. At the top - you will see the 'Document Upload' - section. -

    -
    2. -
  2. -

    - First select the organization you - want to upload the files to. By - default your personal - document-storage is selected. -

    -
    3. -
  3. -

    - After pressing the 'Browse...' - button, a pop-up will appear, where - you can browse and select all files - you want to upload. -

    -
    4. -
  4. -

    - Using the 'Add' button will show all - files you've selected. By using - 'discard' all selected files will be - lost. -

    -
    5. -
  5. -

    - You can remove documents by pressing - {' '} - 'Remove Document' next to the file.{' '} -

    -
    6. -
  6. -

    - By pressing{' '} - {' '} - 'Upload' you complete the process - and can now use the newly uploaded - documents. -

    -
    7. -
- } -
+

+ Welcome to the wannadb help + center. Here you will find answers to frequently asked + questions and useful tips for using our service.
+ For all of these functions to work please login or register + an new account. +

+
+

How to upload documents?

+ { +
    +
  1. +

    + Navigate to the Homepage. At the top you + will see the 'Document Upload' section. +

    +
    2. +
  2. +

    + First select the organization you want to + upload the files to. By default your + personal document-storage is selected. +

    +
    3. +
  3. +

    + After pressing the 'Browse...' button, a + pop-up will appear, where you can browse and + select all files you want to upload. +

    +
    4. +
  4. +

    + Using the 'Add' button will show all files + you've selected. By using 'discard' all + selected files will be lost. +

    +
    5. +
  5. +

    + You can remove documents by pressing + {' '} + 'Remove Document' next to the file.{' '} +

    +
    6. +
  6. +

    + By pressing{' '} + {' '} + 'Upload' you complete the process and can + now use the newly uploaded documents. +

    +
    7. +
+ } +
-
-

- How can i use wanna - db on my documents? -

- { -
    -
  1. -

    - After uploading the files, you now - have to create a document base. -

    -
    2. -
  2. -

    - Click on the "Create Document Base" - button. -

    -
    3. -
  3. -

    - First enter a name for your document - base. -

    -
    4. -
  4. -

    - Select all documents you want to use - wannadb{' '} - on. -

    -
    5. -
  5. -

    - Add or delete 'Attributes' you want - the documents filtered for. -

    -
    6. -
  6. -

    - Using{' '} - - 'Run' will finish the - creation-process, and you can now - see the prefiltered documents. -

    -
    7. -
- } -
-
-

How can i interact with a DocBase

- { -
    -
  1. -

    - In the DocBase-Segment you can find - your created document bases. -

    -
    2. -
  2. -

    - By pressing{' '} - {' '} - 'Start interactive table population' - you can modify the DocBase. -
    -

    -
    3. -
  3. -

    - This process is timed to terminate - after 180 seconds. -

    -
    4. -
  4. -

    - For each attribute you filtered for, - you can now - {' '} - confirm if the found nuggets are - correct. -

    -
    5. -
- } -
- - } +
+

+ How can i use wanna + db on my documents? +

+ { +
    +
  1. +

    + After uploading the files, you now have to + create a document base. +

    +
    2. +
  2. +

    + Click on the "Create Document Base" button. +

    +
    3. +
  3. +

    + First enter a name for your document base. +

    +
    4. +
  4. +

    + Select all documents you want to use wanna + db on. +

    +
    5. +
  5. +

    + Add or delete 'Attributes' you want the + documents filtered for. +

    +
    6. +
  6. +

    + Using{' '} + + 'Run' will finish the creation-process, and + you can now see the prefiltered documents. +

    +
    7. +
+ } +
+
+

How can i interact with a DocBase

+ { +
    +
  1. +

    + In the DocBase-Segment you can find your + created document bases. +

    +
    2. +
  2. +

    + By pressing{' '} + {' '} + 'Start interactive table population' you can + modify the DocBase. +
    +

    +
    3. +
  3. +

    + This process is timed to terminate after 180 + seconds. +

    +
    4. +
  4. +

    + For each attribute you filtered for, you can + now + {' '} + confirm if the found nuggets are correct. +

    +
    5. +
+ } +
+ ); diff --git a/src/views/Home/Home.scss b/src/views/Home/Home.scss index 3dd80b2..af209d1 100644 --- a/src/views/Home/Home.scss +++ b/src/views/Home/Home.scss @@ -5,6 +5,9 @@ } .Home { margin-bottom: 100px; + .helpIcon { + margin-left: 10px; + } } .userStudy { @@ -19,4 +22,5 @@ border-radius: 15px; border: 2px solid white; box-shadow: 5px 5px 5px #0000008c; + margin-bottom: 50px; } diff --git a/src/views/Home/Home.tsx b/src/views/Home/Home.tsx index 9f6deb5..93d920e 100644 --- a/src/views/Home/Home.tsx +++ b/src/views/Home/Home.tsx @@ -75,7 +75,13 @@ function Home() { {getRandomTip()}

- Document Upload + Document Upload{' '} + { + navigate('/help#q1'); + }} + >

DocBase + { + navigate('/help#q2'); + }} + >

Document{documents.length > 1 ? 's' : ''}

-

Upload

+

+ Upload + { + navigate('/help#q1'); + }} + > +

{ @@ -144,7 +152,15 @@ function OrgPage() { }); }} > -

Docbase

+

+ Docbase + { + navigate('/help#q2'); + }} + > +

{render && (