chore: better error message in invalid link

2021-11-22 16:31:10 +05:30
parent 508809eba1
commit 8d4dd8c428
1 changed files with 6 additions and 3 deletions
--- a/packages/hoppscotch-app/pages/r/_id.vue
+++ b/packages/hoppscotch-app/pages/r/_id.vue
@@ -24,9 +24,12 @@
          v-if="!shortcodeDetails.loading && E.isLeft(shortcodeDetails.data)"
          class="flex flex-col p-4 items-center"
        >
-          <i class="mb-4 material-icons">error_outline</i>
-          <p>
-            {{ shortcodeDetails.data.left }}
+          <i class="opacity-75 pb-2 material-icons">error_outline</i>
+          <h1 class="heading text-center">
+            {{ $t("error.invalid_link") }}
+          </h1>
+          <p class="text-center mt-2">
+            {{ $t("error.invalid_link_description") }}
          </p>
          <p class="mt-4">
            <ButtonSecondary to="/" svg="home" filled :label="$t('app.home')" />