Merged in feature/sas-mypages (pull request #1302)

Feature/sas mypages * feat: Add SAS partner page under my pages * fix: feature toggle SAS Partner page in my pages * add translations for SAS account page * use 'flex-start' instead of 'start' * fix: flatten css * fix: don't use <SectionContainer /> on linkedAccounts page
2025-02-11 12:55:00 +00:00
parent 98e3afe9db
commit 3d11cfb50a
37 changed files with 875 additions and 20 deletions
@@ -0,0 +1,47 @@
+"use client"
+
+import { useRouter } from "next/navigation"
+import { useIntl } from "react-intl"
+
+import { trpc } from "@/lib/trpc/client"
+
+import { Loading } from "@/components/Loading"
+import Link from "@/components/TempDesignSystem/Link"
+import { toast } from "@/components/TempDesignSystem/Toasts"
+
+export function UnlinkSAS() {
+  const intl = useIntl()
+  const router = useRouter()
+
+  const { mutate, isPending } = trpc.partner.sas.unlinkAccount.useMutation({
+    onSuccess() {
+      toast.success(intl.formatMessage({ id: "Account unlinked, reloading" }))
+      // TODO: reload page
+      router.push("/en/scandic-friends/my-pages")
+    },
+    onError() {
+      toast.error(intl.formatMessage({ id: "Failed to unlink account" }))
+    },
+  })
+
+  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {
+    event.preventDefault()
+    mutate()
+  }
+
+  if (isPending) {
+    return <Loading color="burgundy" />
+  }
+
+  return (
+    <Link
+      href="#"
+      onClick={handleClick}
+      color="burgundy"
+      variant="default"
+      weight="bold"
+    >
+      {intl.formatMessage({ id: "Unlink accounts" })}
+    </Link>
+  )
+}