From faa3485ca87d8932107e1e22414b73cf4fd80479 Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Sun, 15 Dec 2024 16:37:33 +0100
Subject: [PATCH] NORY-36: add logout button to /unauthorised

---
 dashboard/src/app/(outside)/unauthorised/page.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/app/(outside)/unauthorised/page.tsx b/dashboard/src/app/(outside)/unauthorised/page.tsx
index dcd45fb..538882b 100644
--- a/dashboard/src/app/(outside)/unauthorised/page.tsx
+++ b/dashboard/src/app/(outside)/unauthorised/page.tsx
@@ -1,11 +1,20 @@
-import { ErrorDisplay } from '@/components/error';
+'use client';
 
-export default async function UnauthorizedPage() {
+import { ErrorDisplay } from '@/components/error';
+import { Button } from '@/components/ui/button';
+import { LogoutLink } from '@/ory';
+import { LogOut } from 'lucide-react';
+
+export default function UnauthorizedPage() {
     return (
         <div className="bg-background min-h-screen p-16">
             <ErrorDisplay
                 title="Unauthorised"
                 message="You are unauthorised to access this application!"/>
+            <Button className="mt-8 space-x-2" onClick={LogoutLink()}>
+                <LogOut className="h-4 w-4"/>
+                <span>Logout</span>
+            </Button>
         </div>
     );
 }