Merge pull request #4217 from systeminit/adamhjk/add-docs-link-to-modal

feat(app): add tutorial link and fix popovers for docs and discord
systeminit · Jul 24, 2024 · ee9a62f · ee9a62f
2 parents 57e15c3 + ab86ed2
commit ee9a62f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/app/web/src/components/layout/navbar/NavbarPanelRight.vue b/app/web/src/components/layout/navbar/NavbarPanelRight.vue
@@ -3,14 +3,14 @@
     <Collaborators />
 
     <NavbarButton
-      tooltipText="SI Documentation"
+      tooltipText="Documentation"
       externalLinkTo="https://docs.systeminit.com/"
     >
       <Icon name="question-circle" />
     </NavbarButton>
 
     <NavbarButton
-      tooltipText="SI Discord Community"
+      tooltipText="Discord Community"
       externalLinkTo="https://discord.gg/system-init"
     >
       <Icon name="logo-discord" />

diff --git a/app/web/src/pages/WorkspaceSinglePage.vue b/app/web/src/pages/WorkspaceSinglePage.vue
@@ -87,12 +87,21 @@
           referrerpolicy="strict-origin-when-cross-origin"
           allowfullscreen
         ></iframe>
+        <div class="flex flex-row justify-center pt-5 pb-5">
+          <a
+            href="https://docs.systeminit.com/tutorials/getting-started"
+            target="_blank"
+            class="underline hover:text-blue-50"
+          >
+            Follow along with the tutorial on the documentation site
+          </a>
+        </div>
         <div class="flex flex-row gap-sm mt-xs">
           <VormInput
             v-model="firstTimeModalCheckbox"
             class="flex flex-row-reverse gap-0 italic"
             type="checkbox"
-            label="Don't show me this video again."
+            label="Don't show me this again."
             inlineLabel
           />
           <VButton
@@ -159,7 +168,6 @@ onMounted(async () => {
     if (!firstTimeModalFired.value && showModal && !hasServedModal) {
       firstTimeModalRef.value?.open();
       firstTimeModalFired.value = true;
-      storage.setItem("SI_FIRST_TIME_MODAL_SHOWN", "1");
     }
   }
 });
@@ -168,6 +176,7 @@ const firstTimeModalCheckbox = ref(false);
 const closeFirstTimeModal = () => {
   if (authStore.user && firstTimeModalCheckbox.value) {
     authStore.DISMISS_FIRST_TIME_MODAL(authStore.user.pk);
+    storage.setItem("SI_FIRST_TIME_MODAL_SHOWN", "1");
   }
   firstTimeModalRef.value?.close();
 };