style: updated icons and styles

packages/hoppscotch-sh-admin/src/components.d.ts

@@ -17,25 +17,13 @@ declare module '@vue/runtime-core' {
     HoppButtonPrimary: typeof import('@hoppscotch/ui')['HoppButtonPrimary']
     HoppButtonSecondary: typeof import('@hoppscotch/ui')['HoppButtonSecondary']
     HoppSmartAnchor: typeof import('@hoppscotch/ui')['HoppSmartAnchor']
-    HoppSmartAutoComplete: typeof import('@hoppscotch/ui')['HoppSmartAutoComplete']
     HoppSmartConfirmModal: typeof import('@hoppscotch/ui')['HoppSmartConfirmModal']
     HoppSmartInput: typeof import('@hoppscotch/ui')['HoppSmartInput']
     HoppSmartItem: typeof import('@hoppscotch/ui')['HoppSmartItem']
     HoppSmartLink: typeof import('@hoppscotch/ui')['HoppSmartLink']
-    HoppSmartModal: typeof import('@hoppscotch/ui')['HoppSmartModal']
     HoppSmartPicture: typeof import('@hoppscotch/ui')['HoppSmartPicture']
-    HoppSmartPlaceholder: typeof import('@hoppscotch/ui')['HoppSmartPlaceholder']
-    HoppSmartSelectWrapper: typeof import('@hoppscotch/ui')['HoppSmartSelectWrapper']
     HoppSmartSpinner: typeof import('@hoppscotch/ui')['HoppSmartSpinner']
-    HoppSmartTab: typeof import('@hoppscotch/ui')['HoppSmartTab']
-    HoppSmartTable: typeof import('@hoppscotch/ui')['HoppSmartTable']
-    HoppSmartTabs: typeof import('@hoppscotch/ui')['HoppSmartTabs']
-    HoppSmartToggle: typeof import('@hoppscotch/ui')['HoppSmartToggle']
-    IconLucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default']
-    IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
-    IconLucideHelpCircle: typeof import('~icons/lucide/help-circle')['default']
     IconLucideInbox: typeof import('~icons/lucide/inbox')['default']
-    IconLucideUser: typeof import('~icons/lucide/user')['default']
     SettingsAuthProvider: typeof import('./components/settings/AuthProvider.vue')['default']
     SettingsConfigurations: typeof import('./components/settings/Configurations.vue')['default']
     SettingsDataSharing: typeof import('./components/settings/DataSharing.vue')['default']

packages/hoppscotch-sh-admin/src/components/settings/DataSharing.vue

@@ -29,6 +29,15 @@
             </div>
           </div> -->
         </div>
+
+        <HoppButtonSecondary
+          outline
+          filled
+          :icon="IconShieldQuestion"
+          label="See what is shared"
+          to="http://docs.hoppscotch.io"
+          class="w-min my-2"
+        />
       </section>
     </div>
   </div>
@@ -39,6 +48,7 @@ import { useVModel } from '@vueuse/core';
 import { computed } from 'vue';
 import { useI18n } from '~/composables/i18n';
 import { Config } from '~/composables/useConfigHandler';
+import IconShieldQuestion from '~icons/lucide/shield-question';
 
 const t = useI18n();
 

packages/hoppscotch-sh-admin/src/pages/data.vue

@@ -45,7 +45,7 @@
 
       <div class="flex flex-col w-48 mx-auto mt-5">
         <HoppButtonPrimary
-          :icon="IconMoveUpRight"
+          :icon="IconLogIn"
           label="Continue to Dashboard"
           @click="submitSelection"
         />
@@ -64,11 +64,6 @@
 </template>
 
 <script setup lang="ts">
-import {
-  HoppButtonPrimary,
-  HoppButtonSecondary,
-  HoppSmartLink,
-} from '@hoppscotch/ui';
 import { useMutation } from '@urql/vue';
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
@@ -80,7 +75,7 @@ import {
 } from '~/helpers/backend/graphql';
 import { addSubscriberNewsletterList } from '~/helpers/listmonk';
 import IconBookOpenText from '~icons/lucide/book-open-text';
-import IconMoveUpRight from '~icons/lucide/move-up-right';
+import IconLogIn from '~icons/lucide/log-in';
 import IconShieldQuestion from '~icons/lucide/shield-question';
 
 const toast = useToast();