From 9e3f8a2dc016b5db5cd9e7614c8040e7c47f5bc2 Mon Sep 17 00:00:00 2001
From: NitinPSingh <71833171+NitinPSingh@users.noreply.github.com>
Date: Wed, 17 Jul 2024 18:02:13 +0530
Subject: [PATCH] fix: Add signout button on onboarding screen (#15807)

* fix #15787 created signoutbtn on onboarding screen

* fix: Add signout button on onboarding screen and changes done as per feedback

* small error removed
---
 apps/web/pages/getting-started/[[...step]].tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/apps/web/pages/getting-started/[[...step]].tsx b/apps/web/pages/getting-started/[[...step]].tsx
index 58523db50c..46dbe1e413 100644
--- a/apps/web/pages/getting-started/[[...step]].tsx
+++ b/apps/web/pages/getting-started/[[...step]].tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { signOut } from "next-auth/react";
 import Head from "next/head";
 import { usePathname, useRouter } from "next/navigation";
 import { Suspense } from "react";
@@ -172,6 +173,15 @@ const OnboardingPage = () => {
               </div>
             )}
           </div>
+          <div className="flex w-full flex-row justify-center">
+            <Button
+              color="minimal"
+              data-testid="sign-out"
+              onClick={() => signOut({ callbackUrl: "/auth/logout" })}
+              className="mt-8 cursor-pointer px-4 py-2 font-sans text-sm font-medium">
+              {t("sign_out")}
+            </Button>
+          </div>
         </div>
       </div>
     </div>