new button in logout (#4816)

Co-authored-by: Bailey Pumfleet <pumfleet@hey.com>
pull/4823/head
Peer Richelsen 2022-10-04 10:31:13 +01:00 committed by GitHub
parent d241a522fb
commit 5e12b5defe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 7 deletions

View File

@ -1,17 +1,16 @@
import { GetServerSidePropsContext } from "next"; import { GetServerSidePropsContext } from "next";
import { signOut, useSession } from "next-auth/react"; import { signOut, useSession } from "next-auth/react";
import Link from "next/link";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { useEffect } from "react"; import { useEffect } from "react";
import { WEBSITE_URL } from "@calcom/lib/constants"; import { WEBSITE_URL } from "@calcom/lib/constants";
import { useLocale } from "@calcom/lib/hooks/useLocale"; import { useLocale } from "@calcom/lib/hooks/useLocale";
import Button from "@calcom/ui/Button";
import { Icon } from "@calcom/ui/Icon"; import { Icon } from "@calcom/ui/Icon";
import Button from "@calcom/ui/v2/core/Button";
import { inferSSRProps } from "@lib/types/inferSSRProps"; import { inferSSRProps } from "@lib/types/inferSSRProps";
import AuthContainer from "@components/ui/AuthContainer"; import AuthContainer from "@components/v2/ui/AuthContainer";
import { ssrInit } from "@server/lib/ssr"; import { ssrInit } from "@server/lib/ssr";
@ -30,7 +29,7 @@ export default function Logout(props: Props) {
const { t } = useLocale(); const { t } = useLocale();
return ( return (
<AuthContainer title={t("logged_out")} description={t("youve_been_logged_out")}> <AuthContainer title={t("logged_out")} description={t("youve_been_logged_out")} showLogo>
<div className="mb-4"> <div className="mb-4">
<div className="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-100"> <div className="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-100">
<Icon.FiCheck className="h-6 w-6 text-green-600" /> <Icon.FiCheck className="h-6 w-6 text-green-600" />
@ -44,9 +43,9 @@ export default function Logout(props: Props) {
</div> </div>
</div> </div>
</div> </div>
<Link href="/auth/login" passHref> <Button href="/auth/login" passHref className="flex w-full justify-center">
<Button className="flex w-full justify-center"> {t("go_back_login")}</Button> {t("go_back_login")}
</Link> </Button>
</AuthContainer> </AuthContainer>
); );
} }