wip: generate cloud dataset help section post generate

fairdataihub · Jan 22, 2025 · 0dc6186 · 0dc6186
1 parent e0c4406
commit 0dc6186
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 1 deletion.
diff --git a/src/renderer/src/components/renderers/ReactComponentRenderer.jsx b/src/renderer/src/components/renderers/ReactComponentRenderer.jsx
@@ -7,6 +7,7 @@ import DropdownSelect from "../common/DropdownSelect";
 import GenericButton from "../buttons/Generic";
 import SingleColumnTable from "../tables/singleColumn";
 import PennsieveAgentCheckDisplay from "../backgroundServices/PennsieveAgentCheckDisplay";
+import DropDownNote from "../utils/ui/DropDownNote";
 import { Divider } from "@mantine/core";
 
 // Wait for the HTML sections to be added to the DOM before rendering React components
@@ -69,7 +70,6 @@ const componentTypeRenderers = {
     };
     renderComponent(componentSlot, <GenericButton {...props} />);
   },
-
   "pennsieve-agent-check-display": (componentSlot) => {
     const props = {};
     renderComponent(componentSlot, <PennsieveAgentCheckDisplay {...props} />);
@@ -86,6 +86,15 @@ const componentTypeRenderers = {
       </SodaComponentWrapper>
     );
   },
+  "dropdown-note": (componentSlot) => {
+    const props = {
+      dropDownIcon: componentSlot.getAttribute("data-dropdown-icon"),
+      dropDownButtonText: componentSlot.getAttribute("data-dropdown-text"),
+      dropDownNote: componentSlot.getAttribute("data-dropdown-note")
+    }
+
+    renderComponent(componentSlot, <DropDownNote{...props} />)
+  },
   divider: (componentSlot) => {
     const root = createRoot(componentSlot);
     root.render(

diff --git a/src/renderer/src/scripts/guided-mode/guided-curate-dataset.js b/src/renderer/src/scripts/guided-mode/guided-curate-dataset.js
@@ -15902,6 +15902,8 @@ const guidedPennsieveDatasetUpload = async () => {
       });
       setGuidedProgressBarValue("pennsieve", 100);
 
+      document.getElementById("guided--cloud-upload-monitor-section").classList.remove("hidden")
+
       scrollToBottomOfGuidedBody();
 
       // Show the next button

diff --git a/src/renderer/src/sections/guided_mode/guided_curate_dataset.html b/src/renderer/src/sections/guided_mode/guided_curate_dataset.html
@@ -6808,6 +6808,25 @@ <h2 class="text-sub-step-title">
             </div>
           </div>
 
+          <div class="guided--section hidden" id="guided--cloud-upload-monitor-section">
+            <h2 class="text-sub-step-title">Monitor your cloud sync progress</h2>
+            <p class="help-text">
+              Please monitor the sync progress of the dataset to your cloud folder.
+              Once your files are fully synced to your cloud synced folder, click the continue button below 
+              to share your dataset with the K-Core team. 
+            </p>
+
+            <div 
+              data-component-type="dropdown-note"
+              data-dropdown-icon="info"
+              data-dropdown-text="Need help monitoring your sync progress?"
+              data-dropdown-note="You can monitor your sync progress from within your cloud desktop application. Please make sure syncing is turned on. If you experience issues while your data is syncing it is best that you refer to your cloud provider docs to help resolve it."
+            > </div>
+
+
+
+          </div>
+
           <div
             class="guided--section mt-lg hidden neumorphic"
             id="guided-div-dataset-upload-progress-bar"