From 45010ff8e6443e0c4a6a13834b2e8ab9ab45d2cc Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 8 Apr 2025 15:27:50 +0530
Subject: [PATCH] fix: added ErrorPage component

(cherry picked from commit bb794f4887a6f74fc4382a211f18e67a4abd7790)
---
 frontend/src/components/ErrorPage.vue | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 frontend/src/components/ErrorPage.vue

diff --git a/frontend/src/components/ErrorPage.vue b/frontend/src/components/ErrorPage.vue
new file mode 100644
index 00000000..345ecfd7
--- /dev/null
+++ b/frontend/src/components/ErrorPage.vue
@@ -0,0 +1,24 @@
+<template>
+  <div
+    class="grid h-full place-items-center px-4 py-20 text-center text-lg text-ink-gray-5"
+  >
+    <div class="flex flex-col justify-between items-center gap-3">
+      <FeatherIcon name="x-octagon" class="h-12 w-12 text-ink-red-3" />
+      <div class="text-2xl font-semibold">{{ errorTitle }}</div>
+      <div v-html="errorMessage" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  errorTitle: {
+    type: String,
+    required: true,
+  },
+  errorMessage: {
+    type: String,
+    required: true,
+  },
+})
+</script>