From 3c0f4e779c68a933d57e232d62774fca1c0b86ed Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sun, 22 Sep 2024 16:31:44 +0800
Subject: [PATCH] feat(invitation): add signout button

Signed-off-by: Innei <i@innei.in>
---
 .../src/pages/(external)/invitation.tsx       | 22 +++++++++++++++++++
 locales/external/en.json                      |  1 +
 2 files changed, 23 insertions(+)

diff --git a/apps/renderer/src/pages/(external)/invitation.tsx b/apps/renderer/src/pages/(external)/invitation.tsx
index 2b7cffae5..1122941ce 100644
--- a/apps/renderer/src/pages/(external)/invitation.tsx
+++ b/apps/renderer/src/pages/(external)/invitation.tsx
@@ -21,7 +21,9 @@ import {
   FormMessage,
 } from "~/components/ui/form"
 import { Input } from "~/components/ui/input"
+import { Tooltip, TooltipContent, TooltipTrigger } from "~/components/ui/tooltip"
 import { SocialMediaLinks } from "~/constants/social"
+import { useSignOut } from "~/hooks/biz/useSignOut"
 import { getFetchErrorMessage } from "~/lib/error-parser"
 import confettiUrl from "~/lottie/confetti.lottie?url"
 import { useInvitationMutation } from "~/queries/invitations"
@@ -78,6 +80,8 @@ export function Component() {
     setDotLottie(dotLottie)
   }
 
+  const signOut = useSignOut()
+
   return (
     <div className="container flex h-screen w-full flex-col items-center justify-center gap-14">
       <Logo className="size-20" />
@@ -126,6 +130,24 @@ export function Component() {
               )}
               {t("invitation.activate")}
             </Button>
+
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  buttonClassName="absolute -right-2 -top-1 text-foreground/80"
+                  className="size-8 text-lg"
+                  variant="ghost"
+                  type="button"
+                  onClick={() => {
+                    signOut()
+                    window.location.href = "/"
+                  }}
+                >
+                  <i className="i-mingcute-exit-door-line" />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>{t("login.signOut")}</TooltipContent>
+            </Tooltip>
           </div>
         </form>
       </Form>
diff --git a/locales/external/en.json b/locales/external/en.json
index 6292cc41e..0d0253701 100644
--- a/locales/external/en.json
+++ b/locales/external/en.json
@@ -26,6 +26,7 @@
   "login.logInTo": "Log in to ",
   "login.openApp": "Open App",
   "login.redirecting": "Redirecting",
+  "login.signOut": "Sign out",
   "login.welcomeTo": "Welcome to ",
   "redirect.continueInBrowser": "Continue in Browser",
   "redirect.instruction": "Now is the time to open {{APP_NAME}} and safely close this page.",