From 11b3e04378c03243d7dfce63ef34d3fc679d62d7 Mon Sep 17 00:00:00 2001
From: Tushar Verma <tusharmyself06@gmail.com>
Date: Mon, 4 Aug 2025 15:51:15 +0530
Subject: [PATCH 1/2] remove-vuetify-page-not-found

---
 .../views/errors/ChannelNotFoundError.vue     | 16 ++++---
 .../shared/views/errors/StudioAppError.vue    | 44 +++++++++++++++++++
 2 files changed, 53 insertions(+), 7 deletions(-)
 create mode 100644 contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue

diff --git a/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue b/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue
index f55b40ce51..271e9a0f89 100644
--- a/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <AppError>
+  <StudioAppError>
     <template #header>
       {{ $tr('channelNotFoundHeader') }}
     </template>
@@ -8,26 +8,28 @@
       {{ $tr('channelNotFoundDetails') }}
     </template>
     <template #actions>
-      <VBtn
+      <KRouterLink
         v-bind="backHomeLink"
-        color="primary"
+        appearance="raised-button"
+        :primary="true"
+        style="margin-top: 1rem;"
       >
         {{ $tr('backToHomeAction') }}
-      </VBtn>
+      </KRouterLink>
     </template>
-  </AppError>
+  </StudioAppError>
 
 </template>
 
 
 <script>
 
-  import AppError from './AppError';
+  import StudioAppError from './StudioAppError.vue';
 
   export default {
     name: 'ChannelNotFoundError',
     components: {
-      AppError,
+      StudioAppError,
     },
     props: {
       backHomeLink: {
diff --git a/contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue b/contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue
new file mode 100644
index 0000000000..c1dc7298e7
--- /dev/null
+++ b/contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue
@@ -0,0 +1,44 @@
+<template>
+
+  <div class="studio-app-error">
+    <h1>
+      <slot name="header"></slot>
+    </h1>
+    <p class="details">
+      <slot name="details"></slot>
+    </p>
+    <div>
+      <slot name="actions"></slot>
+    </div>
+  </div>
+
+</template>
+
+
+<script>
+
+  export default {
+    name: 'StudioAppError',
+  };
+
+</script>
+
+
+<style lang="scss" scoped>
+
+.studio-app-error {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 50vh;
+  text-align: center;
+  padding: 0 1rem;
+}
+
+.details {
+  max-width: 675px;
+  margin: 1rem 0;
+}
+
+</style>
\ No newline at end of file

From 806f46c4f5c02165498b2ad5e4571ee27781f03a Mon Sep 17 00:00:00 2001
From: "pre-commit-ci-lite[bot]"
 <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>
Date: Mon, 4 Aug 2025 10:40:39 +0000
Subject: [PATCH 2/2] [pre-commit.ci lite] apply automatic fixes

---
 .../views/errors/ChannelNotFoundError.vue     |  2 +-
 .../shared/views/errors/StudioAppError.vue    | 32 +++++++++----------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue b/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue
index 271e9a0f89..a0faa72766 100644
--- a/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue
@@ -12,7 +12,7 @@
         v-bind="backHomeLink"
         appearance="raised-button"
         :primary="true"
-        style="margin-top: 1rem;"
+        style="margin-top: 1rem"
       >
         {{ $tr('backToHomeAction') }}
       </KRouterLink>
diff --git a/contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue b/contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue
index c1dc7298e7..326685711a 100644
--- a/contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue
@@ -26,19 +26,19 @@
 
 <style lang="scss" scoped>
 
-.studio-app-error {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: 50vh;
-  text-align: center;
-  padding: 0 1rem;
-}
-
-.details {
-  max-width: 675px;
-  margin: 1rem 0;
-}
-
-</style>
\ No newline at end of file
+  .studio-app-error {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 50vh;
+    padding: 0 1rem;
+    text-align: center;
+  }
+
+  .details {
+    max-width: 675px;
+    margin: 1rem 0;
+  }
+
+</style>