From fecaf996065ea05fa09d44a21a57e25bdd68a708 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Tue, 26 Nov 2024 05:46:57 +0000
Subject: [PATCH] fix(nc-gui): create new component for page does not exist

---
 .../components/general/PageDoesNotExist.vue     | 17 +++++++++++++++++
 packages/nc-gui/lang/en.json                    |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 packages/nc-gui/components/general/PageDoesNotExist.vue

diff --git a/packages/nc-gui/components/general/PageDoesNotExist.vue b/packages/nc-gui/components/general/PageDoesNotExist.vue
new file mode 100644
index 0000000000..969f136361
--- /dev/null
+++ b/packages/nc-gui/components/general/PageDoesNotExist.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="h-full grid place-items-center text-center">
+    <div class="flex flex-col items-center gap-6">
+      <slot name="icon">
+        <img width="48" alt="NocoDB" src="~/assets/img/icons/256x256.png" />
+      </slot>
+
+      <div class="text-xl text-nc-content-gray font-bold">
+        <slot name="title">
+          {{ $t('title.thisPageDoesNotExist') }}
+        </slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index c254ea3548..7206d2becd 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -647,7 +647,7 @@
     "unlockThisVieToMakeChanges": "Unlock this view to make changes",
     "yourBaseRole": "Your base role",
     "lockedByUser": "Locked by {user}",
-    "thisPageDoesNotExists": "This page doesn’t exist",
+    "thisPageDoesNotExist": "This page doesn’t exist",
     "customUrl": "Custom URL"
   },
   "labels": {