From e57bd4a4bf4fb86ef2ffe5d26816971ccab44c9f Mon Sep 17 00:00:00 2001
From: emmanuel <ifeanyi@digdippa.com>
Date: Thu, 5 Oct 2023 14:41:37 +0000
Subject: [PATCH] CLASSROOMIO-T-191:Created the unauthorized page

CLASSROOMIO-T-206:deleted the route

Merge branch 'main' into CLASSROOMIO-T-191

CLASSROOMIO-T-191:Created the unauthorized page


Co-authored-by: Ifeanyi Nwosu <ifeanyi@digdippa.com>


Merge-request: CLASSROOMIO-MR-87
Merged-by: Best Admin <best@digdippa.com>
---
 src/lib/components/Unauthorized/index.svelte | 28 ++++++++++++++++++++
 static/unauthorized.svg                      | 10 +++++++
 2 files changed, 38 insertions(+)
 create mode 100644 src/lib/components/Unauthorized/index.svelte
 create mode 100644 static/unauthorized.svg

diff --git a/src/lib/components/Unauthorized/index.svelte b/src/lib/components/Unauthorized/index.svelte
new file mode 100644
index 00000000..e0afe89d
--- /dev/null
+++ b/src/lib/components/Unauthorized/index.svelte
@@ -0,0 +1,28 @@
+<script>
+  import { goto } from '$app/navigation';
+  import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
+  import { VARIANTS } from '$lib/components/PrimaryButton/constants';
+</script>
+
+<div
+  class="root flex flex-col gap-2 items-center justify-center w-screen h-[calc(100vh-48px)] text-center bg-[#F3F5F9] dark:bg-black text-black dark:text-white"
+>
+  <img src="./unauthorized.svg" alt="unauthorized" class="w-[220px]" />
+  <p class=" text-black dark:text-white text-4xl md:text-5xl font-bold">Page not found</p>
+  <p class=" text-[#656565] dark:text-white text-base font-[400] mb-2 mt-1">
+    The page you are trying to access does not exist
+  </p>
+
+  <PrimaryButton label="Go Home" onClick={() => goto('https://www.classroomio.com')} />
+  <PrimaryButton
+    label="Help"
+    variant={VARIANTS.LINK}
+    onClick={() => goto('https://help.classroomio.com/')}
+  />
+</div>
+
+<style>
+  .root {
+    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+  }
+</style>
diff --git a/static/unauthorized.svg b/static/unauthorized.svg
new file mode 100644
index 00000000..5b1b18ca
--- /dev/null
+++ b/static/unauthorized.svg
@@ -0,0 +1,10 @@
+<svg width="264" height="222" viewBox="0 0 264 222" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="46.5" cy="148.559" r="45.5158" stroke="#ACBDEC" stroke-width="0.968421" stroke-dasharray="4.84 8.72"/>
+<circle cx="185.5" cy="78.0586" r="77.1789" stroke="#ACBDEC" stroke-width="1.64211" stroke-dasharray="8.21 14.78"/>
+<path d="M194.5 47.0586V175.559L183 167.059L172.5 175.559L163 167.059L153.5 175.559L143.5 167.059L131.5 175.559L123 167.059L113.5 175.559L100 167.059L91.5 175.559L78.5 167.059L70 175.559V9.55859H157L194.5 47.0586Z" fill="#EDF4FC" stroke="#0F62FE"/>
+<path d="M157 46.5586V9.05859L193.5 46.5586H157Z" fill="#0F62FE"/>
+<path d="M113.52 103.215V109.174H85.8604L85.4912 104.56L101.496 79.168H107.534L100.995 90.1104L93.0322 103.215H113.52ZM109.169 79.168V117.559H101.575V79.168H109.169ZM143.473 94.9883V101.633C143.473 104.516 143.165 107.003 142.55 109.095C141.935 111.169 141.047 112.874 139.887 114.21C138.744 115.528 137.382 116.504 135.8 117.137C134.218 117.77 132.46 118.086 130.526 118.086C128.979 118.086 127.538 117.893 126.202 117.506C124.866 117.102 123.662 116.478 122.59 115.634C121.535 114.79 120.621 113.727 119.848 112.443C119.092 111.143 118.512 109.596 118.107 107.803C117.703 106.01 117.501 103.953 117.501 101.633V94.9883C117.501 92.1055 117.809 89.6357 118.424 87.5791C119.057 85.5049 119.944 83.8086 121.087 82.4902C122.247 81.1719 123.618 80.2051 125.2 79.5898C126.782 78.957 128.54 78.6406 130.474 78.6406C132.021 78.6406 133.453 78.8428 134.771 79.2471C136.107 79.6338 137.312 80.2402 138.384 81.0664C139.456 81.8926 140.37 82.9561 141.126 84.2568C141.882 85.54 142.462 87.0781 142.866 88.8711C143.271 90.6465 143.473 92.6855 143.473 94.9883ZM135.853 102.635V93.96C135.853 92.5713 135.773 91.3584 135.615 90.3213C135.475 89.2842 135.255 88.4053 134.956 87.6846C134.657 86.9463 134.288 86.3486 133.849 85.8916C133.409 85.4346 132.908 85.1006 132.346 84.8896C131.783 84.6787 131.159 84.5732 130.474 84.5732C129.612 84.5732 128.848 84.7402 128.18 85.0742C127.529 85.4082 126.976 85.9443 126.519 86.6826C126.062 87.4033 125.71 88.3701 125.464 89.583C125.235 90.7783 125.121 92.2373 125.121 93.96V102.635C125.121 104.023 125.191 105.245 125.332 106.3C125.49 107.354 125.719 108.26 126.018 109.016C126.334 109.754 126.703 110.36 127.125 110.835C127.564 111.292 128.065 111.626 128.628 111.837C129.208 112.048 129.841 112.153 130.526 112.153C131.37 112.153 132.117 111.986 132.768 111.652C133.436 111.301 133.998 110.756 134.455 110.018C134.93 109.262 135.281 108.277 135.51 107.064C135.738 105.852 135.853 104.375 135.853 102.635ZM175.535 103.215V109.174H147.876L147.507 104.56L163.512 79.168H169.55L163.011 90.1104L155.048 103.215H175.535ZM171.185 79.168V117.559H163.591V79.168H171.185Z" fill="#040F2D"/>
+<circle cx="82.5" cy="166.559" r="24.678" stroke="#1339A6" stroke-width="6.64407"/>
+<path d="M97.8438 190.094L104.304 183.827L131.806 212.18C133.536 213.964 133.493 216.813 131.709 218.543C129.925 220.274 127.076 220.23 125.346 218.447L97.8438 190.094Z" fill="#1339A6"/>
+<rect x="97.7422" y="190.044" width="9" height="10.4053" transform="rotate(-44.1275 97.7422 190.044)" fill="#0F62FE"/>
+</svg>