From 37bf0567ea34e0a1faae7bef14721f4cc23b7f5c Mon Sep 17 00:00:00 2001
From: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com>
Date: Tue, 26 Nov 2024 07:43:08 -0600
Subject: [PATCH] refactor(sh-admin): updated documentation links in dashboard
 (#4560)

Co-authored-by: jamesgeorge007 <25279263+jamesgeorge007@users.noreply.github.com>
---
 packages/hoppscotch-common/src/pages/_.vue        |  4 ++--
 .../src/components/app/Header.vue                 |  2 +-
 .../src/components/users/InviteModal.vue          |  2 +-
 .../src/pages/users/invited.vue                   | 15 ++++++++++++---
 4 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/packages/hoppscotch-common/src/pages/_.vue b/packages/hoppscotch-common/src/pages/_.vue
index 28032e33e..a3958c033 100644
--- a/packages/hoppscotch-common/src/pages/_.vue
+++ b/packages/hoppscotch-common/src/pages/_.vue
@@ -15,7 +15,7 @@
       {{ statusCode }}
     </h1>
     <p class="mb-4 text-secondaryLight">{{ message }}</p>
-    <p class="mt-4 space-x-2">
+    <div class="mt-4 space-x-2">
       <HoppButtonSecondary
         to="/"
         :icon="IconHome"
@@ -28,7 +28,7 @@
         filled
         @click="reloadApplication"
       />
-    </p>
+    </div>
   </div>
 </template>
 
diff --git a/packages/hoppscotch-sh-admin/src/components/app/Header.vue b/packages/hoppscotch-sh-admin/src/components/app/Header.vue
index 7e9b1bf59..96fd804f9 100644
--- a/packages/hoppscotch-sh-admin/src/components/app/Header.vue
+++ b/packages/hoppscotch-sh-admin/src/components/app/Header.vue
@@ -26,7 +26,7 @@
     <div class="flex items-center">
       <div class="inline-flex items-center mr-5">
         <HoppButtonSecondary
-          to="https://docs.hoppscotch.io/documentation"
+          to="https://docs.hoppscotch.io/documentation/self-host/community-edition/getting-started"
           blank
           v-tippy="{ theme: 'tooltip' }"
           :title="t('support.documentation')"
diff --git a/packages/hoppscotch-sh-admin/src/components/users/InviteModal.vue b/packages/hoppscotch-sh-admin/src/components/users/InviteModal.vue
index 1608f0e5a..e3411ef1f 100644
--- a/packages/hoppscotch-sh-admin/src/components/users/InviteModal.vue
+++ b/packages/hoppscotch-sh-admin/src/components/users/InviteModal.vue
@@ -21,7 +21,7 @@
         <div class="flex justify-between">
           <HoppButtonSecondary
             v-tippy="{ theme: 'tooltip', allowHTML: true }"
-            to="https://docs.hoppscotch.io/documentation"
+            to="https://docs.hoppscotch.io/documentation/self-host/community-edition/admin-dashboard#invite-users-to-your-hoppscotch-instance"
             blank
             :title="t('support.documentation')"
             :icon="IconCircleHelp"
diff --git a/packages/hoppscotch-sh-admin/src/pages/users/invited.vue b/packages/hoppscotch-sh-admin/src/pages/users/invited.vue
index f743271b1..95191b376 100644
--- a/packages/hoppscotch-sh-admin/src/pages/users/invited.vue
+++ b/packages/hoppscotch-sh-admin/src/pages/users/invited.vue
@@ -11,9 +11,18 @@
         <h3 class="text-lg font-bold text-accentContrast">
           {{ t('users.pending_invites') }}
         </h3>
-        <p class="my-1 text-secondaryLight">
-          {{ t('users.pending_invites_description') }}
-        </p>
+        <div class="flex">
+          <p class="my-1 text-secondaryLight">
+            {{ t('users.pending_invites_description') }}
+          </p>
+          <HoppSmartAnchor
+            blank
+            to="https://docs.hoppscotch.io/documentation/self-host/community-edition/admin-dashboard#pending-invites"
+            :label="t('support.more_info')"
+            class="underline ml-1"
+          />
+          <icon-lucide-arrow-up-right class="underline w-4 h-4" />
+        </div>
       </div>
 
       <HoppButtonSecondary