From 8d4dd8c4281847f7f9b2aa84ff0ce81be558dadf Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Mon, 22 Nov 2021 16:31:10 +0530
Subject: [PATCH] chore: better error message in invalid link

---
 packages/hoppscotch-app/pages/r/_id.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/hoppscotch-app/pages/r/_id.vue b/packages/hoppscotch-app/pages/r/_id.vue
index 62bf59181..d3b9b2a6f 100644
--- 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')" />