From 6ed42110040c191505233bde3391b0c344a35673 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Mon, 22 Nov 2021 11:26:43 +0530
Subject: [PATCH] feat: short code redirection

---
 .../hoppscotch-app/assets/icons/loader.svg    |   9 +-
 .../hoppscotch-app/components/smart/Item.vue  |   2 +-
 .../queries/GetRequestFromShortcode.graphql   |   6 +
 packages/hoppscotch-app/locales/af.json       |   2 +
 packages/hoppscotch-app/locales/ar.json       |   2 +
 packages/hoppscotch-app/locales/ca.json       |   2 +
 packages/hoppscotch-app/locales/cn.json       |   2 +
 packages/hoppscotch-app/locales/cs.json       |   2 +
 packages/hoppscotch-app/locales/da.json       |   2 +
 packages/hoppscotch-app/locales/de.json       |   2 +
 packages/hoppscotch-app/locales/el.json       |   2 +
 packages/hoppscotch-app/locales/en.json       |   2 +
 packages/hoppscotch-app/locales/es.json       |   2 +
 packages/hoppscotch-app/locales/fi.json       |   2 +
 packages/hoppscotch-app/locales/fr.json       |   2 +
 packages/hoppscotch-app/locales/he.json       |   2 +
 packages/hoppscotch-app/locales/hu.json       |   2 +
 packages/hoppscotch-app/locales/it.json       |   2 +
 packages/hoppscotch-app/locales/ja.json       |   2 +
 packages/hoppscotch-app/locales/ko.json       |   2 +
 packages/hoppscotch-app/locales/nl.json       |   2 +
 packages/hoppscotch-app/locales/no.json       |   2 +
 packages/hoppscotch-app/locales/pl.json       |   2 +
 packages/hoppscotch-app/locales/pt-br.json    |   2 +
 packages/hoppscotch-app/locales/pt.json       |   2 +
 packages/hoppscotch-app/locales/ro.json       |   2 +
 packages/hoppscotch-app/locales/ru.json       |   2 +
 packages/hoppscotch-app/locales/sr.json       |   2 +
 packages/hoppscotch-app/locales/sv.json       |   2 +
 packages/hoppscotch-app/locales/tr.json       |   2 +
 packages/hoppscotch-app/locales/tw.json       |   2 +
 packages/hoppscotch-app/locales/uk.json       |   2 +
 packages/hoppscotch-app/locales/vi.json       |   2 +
 packages/hoppscotch-app/pages/r/_id.vue       | 128 ++++++++++++++++++
 34 files changed, 196 insertions(+), 9 deletions(-)
 create mode 100644 packages/hoppscotch-app/helpers/backend/gql/queries/GetRequestFromShortcode.graphql
 create mode 100644 packages/hoppscotch-app/pages/r/_id.vue

diff --git a/packages/hoppscotch-app/assets/icons/loader.svg b/packages/hoppscotch-app/assets/icons/loader.svg
index 15ad812b7..51500019d 100644
--- a/packages/hoppscotch-app/assets/icons/loader.svg
+++ b/packages/hoppscotch-app/assets/icons/loader.svg
@@ -1,10 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="12" y1="2" x2="12" y2="6"></line>
-  <line x1="12" y1="18" x2="12" y2="22"></line>
-  <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
-  <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
-  <line x1="2" y1="12" x2="6" y2="12"></line>
-  <line x1="18" y1="12" x2="22" y2="12"></line>
-  <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
-  <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
+  <path d="M21 12a9 9 0 11-6.219-8.56"></path>
 </svg>
\ No newline at end of file
diff --git a/packages/hoppscotch-app/components/smart/Item.vue b/packages/hoppscotch-app/components/smart/Item.vue
index b3f9874db..f068e48c2 100644
--- a/packages/hoppscotch-app/components/smart/Item.vue
+++ b/packages/hoppscotch-app/components/smart/Item.vue
@@ -53,7 +53,7 @@
         class="svg-icons"
       />
     </span>
-    <SmartSpinner v-else class="mr-4" />
+    <SmartSpinner v-else class="mr-4 text-secondaryDark" />
     <div
       class="flex-1 inline-flex truncate items-start"
       :class="{ 'flex-col': description }"
diff --git a/packages/hoppscotch-app/helpers/backend/gql/queries/GetRequestFromShortcode.graphql b/packages/hoppscotch-app/helpers/backend/gql/queries/GetRequestFromShortcode.graphql
new file mode 100644
index 000000000..da9c61811
--- /dev/null
+++ b/packages/hoppscotch-app/helpers/backend/gql/queries/GetRequestFromShortcode.graphql
@@ -0,0 +1,6 @@
+query GetRequestFromShortcode($shortcode: ID!) {
+  shortcode(code: $shortcode) {
+    request
+    id
+  }
+}
diff --git a/packages/hoppscotch-app/locales/af.json b/packages/hoppscotch-app/locales/af.json
index b09241787..8bd400787 100644
--- a/packages/hoppscotch-app/locales/af.json
+++ b/packages/hoppscotch-app/locales/af.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 vir meer inligting)",
     "gql_prettify_invalid_query": "Kon nie 'n ongeldige navraag mooi maak nie, los sintaksisfoute op en probeer weer",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Kon nie 'n ongeldige liggaam mooi maak nie, los json -sintaksisfoute op en probeer weer",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Kon nie versoek stuur nie",
diff --git a/packages/hoppscotch-app/locales/ar.json b/packages/hoppscotch-app/locales/ar.json
index 2bc139664..07733c521 100644
--- a/packages/hoppscotch-app/locales/ar.json
+++ b/packages/hoppscotch-app/locales/ar.json
@@ -171,6 +171,8 @@
     "f12_details": "(للحصول على تفاصيل F12)",
     "gql_prettify_invalid_query": "تعذر تحسين استعلام غير صالح وحل أخطاء بنية الاستعلام وحاول مرة أخرى",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "تعذر تجميل جسم غير صالح وحل أخطاء بناء جملة json وحاول مرة أخرى",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "تعذر إرسال الطلب",
diff --git a/packages/hoppscotch-app/locales/ca.json b/packages/hoppscotch-app/locales/ca.json
index 1deb31f19..399b1edf4 100644
--- a/packages/hoppscotch-app/locales/ca.json
+++ b/packages/hoppscotch-app/locales/ca.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 per obtenir més informació)",
     "gql_prettify_invalid_query": "No s'ha pogut definir una consulta no vàlida, resoldre els errors de sintaxi de la consulta i tornar-ho a provar",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "No s'ha pogut personalitzar un cos no vàlid, resoldre errors de sintaxi json i tornar-ho a provar",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "No s'ha pogut enviar la sol·licitud",
diff --git a/packages/hoppscotch-app/locales/cn.json b/packages/hoppscotch-app/locales/cn.json
index 8f4c35005..8cb858f6c 100644
--- a/packages/hoppscotch-app/locales/cn.json
+++ b/packages/hoppscotch-app/locales/cn.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 详情)",
     "gql_prettify_invalid_query": "无法美化无效的查询，处理查询语法错误并重试",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "无法美化无效的请求头，处理 JSON 语法错误并重试",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "无法发送请求",
diff --git a/packages/hoppscotch-app/locales/cs.json b/packages/hoppscotch-app/locales/cs.json
index 1f250b75d..44a273bc9 100644
--- a/packages/hoppscotch-app/locales/cs.json
+++ b/packages/hoppscotch-app/locales/cs.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 pro podrobnosti)",
     "gql_prettify_invalid_query": "Neplatný dotaz nelze předběžně upravit, vyřešit chyby syntaxe dotazu a zkusit to znovu",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Nelze předtifikovat neplatné tělo, vyřešit chyby syntaxe json a zkusit to znovu",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Žádost nelze odeslat",
diff --git a/packages/hoppscotch-app/locales/da.json b/packages/hoppscotch-app/locales/da.json
index 3917716d0..ea55022e2 100644
--- a/packages/hoppscotch-app/locales/da.json
+++ b/packages/hoppscotch-app/locales/da.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 for detaljer)",
     "gql_prettify_invalid_query": "Kunne ikke prætificere en ugyldig forespørgsel, løse forespørgselssyntaksfejl og prøve igen",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Kunne ikke pryde et ugyldigt brødtekst, løse json -syntaksfejl og prøve igen",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Anmodningen kunne ikke sendes",
diff --git a/packages/hoppscotch-app/locales/de.json b/packages/hoppscotch-app/locales/de.json
index 2fa62f4ce..9dc530d0f 100644
--- a/packages/hoppscotch-app/locales/de.json
+++ b/packages/hoppscotch-app/locales/de.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 für Details)",
     "gql_prettify_invalid_query": "Eine ungültige Abfrage konnte nicht verschönert werden, Fehler in der Abfragesyntax konnten nicht behoben und erneut versucht werden",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Ein ungültiger Text konnte nicht verschönert werden, Json-Syntaxfehler beheben und erneut versuchen",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Anfrage konnte nicht gesendet werden",
diff --git a/packages/hoppscotch-app/locales/el.json b/packages/hoppscotch-app/locales/el.json
index c2b47dc81..55771a2c7 100644
--- a/packages/hoppscotch-app/locales/el.json
+++ b/packages/hoppscotch-app/locales/el.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 για λεπτομέρειες)",
     "gql_prettify_invalid_query": "Δεν ήταν δυνατή η προεπιλογή ενός μη έγκυρου ερωτήματος, η επίλυση σφαλμάτων σύνταξης ερωτήματος και η δοκιμή ξανά",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Δεν ήταν δυνατή η ομορφιά ενός μη έγκυρου σώματος, η επίλυση σφαλμάτων σύνταξης json και η προσπάθεια ξανά",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Δεν ήταν δυνατή η αποστολή του αιτήματος",
diff --git a/packages/hoppscotch-app/locales/en.json b/packages/hoppscotch-app/locales/en.json
index 9717150ff..d498ac8d7 100644
--- a/packages/hoppscotch-app/locales/en.json
+++ b/packages/hoppscotch-app/locales/en.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 for details)",
     "gql_prettify_invalid_query": "Couldn't prettify an invalid query, solve query syntax errors and try again",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Couldn't prettify an invalid body, solve json syntax errors and try again",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Could not send request",
diff --git a/packages/hoppscotch-app/locales/es.json b/packages/hoppscotch-app/locales/es.json
index 1ccf91317..58f2e3aec 100644
--- a/packages/hoppscotch-app/locales/es.json
+++ b/packages/hoppscotch-app/locales/es.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 para más detalles)",
     "gql_prettify_invalid_query": "No se puede aplicar prettify a una consulta no válida, resuelva los errores de sintaxis de la consulta y vuelva a intentarlo",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "No se puede aplicar prettify a un cuerpo inválido, resuelva errores de sintaxis json y vuelva a intentarlo",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "No se pudo enviar la petición",
diff --git a/packages/hoppscotch-app/locales/fi.json b/packages/hoppscotch-app/locales/fi.json
index a52f505c7..4a86bc087 100644
--- a/packages/hoppscotch-app/locales/fi.json
+++ b/packages/hoppscotch-app/locales/fi.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 lisätietoja)",
     "gql_prettify_invalid_query": "Virheellistä kyselyä ei voitu määrittää, ratkaista kyselyn syntaksivirheet ja yrittää uudelleen",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Virheellistä runkoa ei voitu määrittää, ratkaista json -syntaksivirheitä ja yrittää uudelleen",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Pyyntöä ei voitu lähettää",
diff --git a/packages/hoppscotch-app/locales/fr.json b/packages/hoppscotch-app/locales/fr.json
index 7cfff56e9..9086274aa 100644
--- a/packages/hoppscotch-app/locales/fr.json
+++ b/packages/hoppscotch-app/locales/fr.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 pour les détails)",
     "gql_prettify_invalid_query": "Impossible de formater une requête non valide, résolvez les erreurs de syntaxe de la requête et réessayer",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Impossible de formater un corps non valide, résolvez les erreurs de syntaxe json et réessayez",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Impossible d'envoyer la requête",
diff --git a/packages/hoppscotch-app/locales/he.json b/packages/hoppscotch-app/locales/he.json
index d0910fb21..bce607f2a 100644
--- a/packages/hoppscotch-app/locales/he.json
+++ b/packages/hoppscotch-app/locales/he.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 לפרטים)",
     "gql_prettify_invalid_query": "לא ניתן היה לייפות שאילתה לא חוקית, לפתור שגיאות תחביר שאילתות ולנסות שוב",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "לא ניתן היה לייפות גוף לא חוקי, לפתור שגיאות תחביר של json ולנסות שוב",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "לא ניתן היה לשלוח בקשה",
diff --git a/packages/hoppscotch-app/locales/hu.json b/packages/hoppscotch-app/locales/hu.json
index a037d4dc7..c0486e038 100644
--- a/packages/hoppscotch-app/locales/hu.json
+++ b/packages/hoppscotch-app/locales/hu.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 a részletekért)",
     "gql_prettify_invalid_query": "Nem sikerült azonosítani egy érvénytelen lekérdezést, megoldani a lekérdezés szintaktikai hibáit, és megpróbálni újra",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Nem sikerült azonosítani egy érvénytelen törzset, megoldani a json szintaktikai hibákat, és megpróbálni újra",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Nem sikerült elküldeni a kérést",
diff --git a/packages/hoppscotch-app/locales/it.json b/packages/hoppscotch-app/locales/it.json
index f0dc73373..39f3541e6 100644
--- a/packages/hoppscotch-app/locales/it.json
+++ b/packages/hoppscotch-app/locales/it.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 per i dettagli)",
     "gql_prettify_invalid_query": "Impossibile abbellire una query non valida, risolvere gli errori di sintassi della query e riprovare",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Impossibile abbellire un corpo non valido, risolvere gli errori di sintassi json e riprovare",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Impossibile inviare la richiesta",
diff --git a/packages/hoppscotch-app/locales/ja.json b/packages/hoppscotch-app/locales/ja.json
index 76be84016..534e87944 100644
--- a/packages/hoppscotch-app/locales/ja.json
+++ b/packages/hoppscotch-app/locales/ja.json
@@ -171,6 +171,8 @@
     "f12_details": "（詳細はF12）",
     "gql_prettify_invalid_query": "無効なクエリをプリティファイし、クエリ構文エラーを解決して、再試行できませんでした",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "無効な本文をプリティファイし、json構文エラーを解決して再試行できませんでした",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "リクエストを送信できませんでした",
diff --git a/packages/hoppscotch-app/locales/ko.json b/packages/hoppscotch-app/locales/ko.json
index f5e1bfe42..dab2625bb 100644
--- a/packages/hoppscotch-app/locales/ko.json
+++ b/packages/hoppscotch-app/locales/ko.json
@@ -171,6 +171,8 @@
     "f12_details": "(자세한 내용은 F12)",
     "gql_prettify_invalid_query": "잘못된 쿼리를 예쁘게 만들 수 없습니다. 쿼리 구문 오류를 해결하고 다시 시도하세요.",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "잘못된 본문을 예쁘게 만들 수 없습니다. json 구문 오류를 해결하고 다시 시도하십시오.",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "요청을 보낼 수 없습니다",
diff --git a/packages/hoppscotch-app/locales/nl.json b/packages/hoppscotch-app/locales/nl.json
index cf98fd3b8..f2936de41 100644
--- a/packages/hoppscotch-app/locales/nl.json
+++ b/packages/hoppscotch-app/locales/nl.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 voor details)",
     "gql_prettify_invalid_query": "Kon een ongeldige zoekopdracht niet mooier maken, syntaxisfouten in de query oplossen en opnieuw proberen",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Kon een ongeldige hoofdtekst niet mooier maken, json-syntaxisfouten oplossen en opnieuw proberen",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Kan verzoek niet versturen",
diff --git a/packages/hoppscotch-app/locales/no.json b/packages/hoppscotch-app/locales/no.json
index ae5b741b3..627caec7a 100644
--- a/packages/hoppscotch-app/locales/no.json
+++ b/packages/hoppscotch-app/locales/no.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 for detaljer)",
     "gql_prettify_invalid_query": "Kunne ikke forskjønne en ugyldig spørring, løse spørringssyntaksfeil og prøve igjen",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Kunne ikke forskjønne et ugyldig brødtekst, løse json -syntaksfeil og prøve igjen",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Kunne ikke sende forespørsel",
diff --git a/packages/hoppscotch-app/locales/pl.json b/packages/hoppscotch-app/locales/pl.json
index 3a84c7a6a..ea29f2228 100644
--- a/packages/hoppscotch-app/locales/pl.json
+++ b/packages/hoppscotch-app/locales/pl.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 po szczegóły)",
     "gql_prettify_invalid_query": "Nie można poprawić czytelności nieprawidłowego zapytania, napraw błędy składni zapytania i spróbuj ponownie",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Nie można poprawić czytelności nieprawidłowej treści, napraw błędy składni json i spróbuj ponownie",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Nie udało się wysłać zapytania",
diff --git a/packages/hoppscotch-app/locales/pt-br.json b/packages/hoppscotch-app/locales/pt-br.json
index 2f4d4972c..1f2fb1308 100644
--- a/packages/hoppscotch-app/locales/pt-br.json
+++ b/packages/hoppscotch-app/locales/pt-br.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 para detalhes)",
     "gql_prettify_invalid_query": "Não foi possível justificar uma consulta inválida, resolva os erros de sintaxe da consulta e tente novamente",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Não foi possível embelezar um corpo inválido, resolver erros de sintaxe json e tentar novamente",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Não foi possível enviar pedido",
diff --git a/packages/hoppscotch-app/locales/pt.json b/packages/hoppscotch-app/locales/pt.json
index 2f4d4972c..1f2fb1308 100644
--- a/packages/hoppscotch-app/locales/pt.json
+++ b/packages/hoppscotch-app/locales/pt.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 para detalhes)",
     "gql_prettify_invalid_query": "Não foi possível justificar uma consulta inválida, resolva os erros de sintaxe da consulta e tente novamente",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Não foi possível embelezar um corpo inválido, resolver erros de sintaxe json e tentar novamente",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Não foi possível enviar pedido",
diff --git a/packages/hoppscotch-app/locales/ro.json b/packages/hoppscotch-app/locales/ro.json
index 99cdfc1a1..def78b2cb 100644
--- a/packages/hoppscotch-app/locales/ro.json
+++ b/packages/hoppscotch-app/locales/ro.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 pentru detalii)",
     "gql_prettify_invalid_query": "Nu am putut preta o interogare nevalidă, rezolvarea erorilor de sintaxă a interogării și încercați din nou",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Nu s-a putut pregăti un corp nevalid, a rezolva erorile de sintaxă json și a încerca din nou",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Nu s-a putut trimite solicitarea",
diff --git a/packages/hoppscotch-app/locales/ru.json b/packages/hoppscotch-app/locales/ru.json
index f4d5cc681..6ba024958 100644
--- a/packages/hoppscotch-app/locales/ru.json
+++ b/packages/hoppscotch-app/locales/ru.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 для подробностей)",
     "gql_prettify_invalid_query": "Не удалось определить недопустимый запрос, устранить синтаксические ошибки запроса и повторить попытку.",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Не удалось определить недопустимое тело, устранить синтаксические ошибки json и повторить попытку.",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Не удалось отправить запрос",
diff --git a/packages/hoppscotch-app/locales/sr.json b/packages/hoppscotch-app/locales/sr.json
index f4b648df2..27c290f74 100644
--- a/packages/hoppscotch-app/locales/sr.json
+++ b/packages/hoppscotch-app/locales/sr.json
@@ -171,6 +171,8 @@
     "f12_details": "(Ф12 за детаље)",
     "gql_prettify_invalid_query": "Није могуће унапредити неважећи упит, решити грешке у синтакси упита и покушати поново",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Није могуће унапредити неважеће тело, решити грешке у синтакси јсон -а и покушати поново",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Слање захтева није успело",
diff --git a/packages/hoppscotch-app/locales/sv.json b/packages/hoppscotch-app/locales/sv.json
index 6f4139788..beb280809 100644
--- a/packages/hoppscotch-app/locales/sv.json
+++ b/packages/hoppscotch-app/locales/sv.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 för detaljer)",
     "gql_prettify_invalid_query": "Det gick inte att pryda en ogiltig fråga, lösa frågesyntaxfel och försök igen",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Det gick inte att pryda en ogiltig kropp, lösa json -syntaxfel och försök igen",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Det gick inte att skicka förfrågan",
diff --git a/packages/hoppscotch-app/locales/tr.json b/packages/hoppscotch-app/locales/tr.json
index c49965fb9..595311cc5 100644
--- a/packages/hoppscotch-app/locales/tr.json
+++ b/packages/hoppscotch-app/locales/tr.json
@@ -171,6 +171,8 @@
     "f12_details": "(Ayrıntılar için F12)",
     "gql_prettify_invalid_query": "Geçersiz bir sorgu güzelleştirilemedi, sorgu sözdizimi hatalarını çözüp tekrar deneyin",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Geçersiz bir gövde güzelleştirilemedi, json sözdizimi hatalarını çözüp tekrar deneyin",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "istek gönderilemedi",
diff --git a/packages/hoppscotch-app/locales/tw.json b/packages/hoppscotch-app/locales/tw.json
index bd743bca1..375cad1ba 100644
--- a/packages/hoppscotch-app/locales/tw.json
+++ b/packages/hoppscotch-app/locales/tw.json
@@ -171,6 +171,8 @@
     "f12_details": "（F12 詳情）",
     "gql_prettify_invalid_query": "無法美化無效的查詢，處理查詢語法錯誤並重試",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "無法美化無效的請求頭，處理 JSON 語法錯誤並重試",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "無法傳送請求",
diff --git a/packages/hoppscotch-app/locales/uk.json b/packages/hoppscotch-app/locales/uk.json
index b1d9a67a3..5d640b77c 100644
--- a/packages/hoppscotch-app/locales/uk.json
+++ b/packages/hoppscotch-app/locales/uk.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 для деталей)",
     "gql_prettify_invalid_query": "Не вдалося попередньо визначити недійсний запит, вирішити синтаксичні помилки запиту та повторити спробу",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Не вдалося заздалегідь визначити недійсне тіло, вирішити синтаксичні помилки json і повторити спробу",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Не вдалося надіслати запит",
diff --git a/packages/hoppscotch-app/locales/vi.json b/packages/hoppscotch-app/locales/vi.json
index 4018a22f7..95717a701 100644
--- a/packages/hoppscotch-app/locales/vi.json
+++ b/packages/hoppscotch-app/locales/vi.json
@@ -171,6 +171,8 @@
     "f12_details": "(F12 để biết chi tiết)",
     "gql_prettify_invalid_query": "Không thể xác minh trước một truy vấn không hợp lệ, hãy giải quyết các lỗi cú pháp truy vấn và thử lại",
     "incorrect_email": "Incorrect email",
+    "invalid_link": "Invalid link",
+    "invalid_link_description": "The link you clicked is invalid or expired.",
     "json_prettify_invalid_body": "Không thể kiểm tra nội dung không hợp lệ, hãy giải quyết lỗi cú pháp json và thử lại",
     "network_error": "There seems to be a network error. Please try again.",
     "network_fail": "Không thể gửi yêu cầu",
diff --git a/packages/hoppscotch-app/pages/r/_id.vue b/packages/hoppscotch-app/pages/r/_id.vue
new file mode 100644
index 000000000..7663f3e2d
--- /dev/null
+++ b/packages/hoppscotch-app/pages/r/_id.vue
@@ -0,0 +1,128 @@
+<template>
+  <div class="flex flex-col items-center justify-between">
+    <div
+      v-if="invalidLink"
+      class="flex flex-1 items-center justify-center flex-col"
+    >
+      <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>
+    </div>
+    <div v-else class="flex-col flex-1 p-4 flex items-center justify-center">
+      <div
+        v-if="shortcodeDetails.loading"
+        class="flex-col flex-1 p-4 flex items-center justify-center"
+      >
+        <SmartSpinner />
+      </div>
+      <div v-else>
+        <div
+          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 }}
+          </p>
+          <p class="mt-4">
+            <ButtonSecondary to="/" svg="home" filled :label="$t('app.home')" />
+            <ButtonSecondary
+              svg="refresh-cw"
+              :label="$t('app.reload')"
+              filled
+              @click.native="reloadApplication"
+            />
+          </p>
+        </div>
+        <div
+          v-if="!shortcodeDetails.loading && E.isRight(shortcodeDetails.data)"
+          class="flex-col flex-1 p-4 flex items-center justify-center"
+        >
+          <h1 class="heading">
+            {{ $t("state.loading") }}
+          </h1>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import {
+  defineComponent,
+  useContext,
+  useRoute,
+  useRouter,
+  watch,
+} from "@nuxtjs/composition-api"
+import * as E from "fp-ts/Either"
+import { useGQLQuery } from "~/helpers/backend/GQLClient"
+import {
+  GetRequestFromShortcodeDocument,
+  GetRequestFromShortcodeQuery,
+  GetRequestFromShortcodeQueryVariables,
+} from "~/helpers/backend/graphql"
+import { HoppRESTRequest } from "~/helpers/types/HoppRESTRequest"
+import { setRESTRequest } from "~/newstore/RESTSession"
+
+export default defineComponent({
+  setup() {
+    const route = useRoute()
+    const router = useRouter()
+    const { localePath } = useContext() as any
+
+    const shortcodeDetails = useGQLQuery<
+      GetRequestFromShortcodeQuery,
+      GetRequestFromShortcodeQueryVariables,
+      ""
+    >({
+      query: GetRequestFromShortcodeDocument,
+      variables: {
+        shortcode: route.value.params.id as string,
+      },
+    })
+
+    watch(
+      () => shortcodeDetails.data,
+      () => {
+        if (shortcodeDetails.loading) return
+
+        const data = shortcodeDetails.data
+
+        if (E.isRight(data)) {
+          const request = JSON.parse(data.right.shortcode?.request as string)
+
+          setRESTRequest(request as unknown as HoppRESTRequest)
+          router.push({ path: localePath("/") })
+        }
+      }
+    )
+
+    const reloadApplication = () => {
+      window.location.reload()
+    }
+
+    return {
+      E,
+      shortcodeDetails,
+      reloadApplication,
+    }
+  },
+  data() {
+    return {
+      invalidLink: false,
+      shortcodeID: "",
+    }
+  },
+  mounted() {
+    if (typeof this.$route.params.id === "string") {
+      this.shortcodeID = this.$route.params.id
+    }
+    this.invalidLink = !this.shortcodeID
+  },
+})
+</script>