Function Page

apps/webapp/app/routes/unsubscribe.$userId.$token.tsx:65–97

()

};

export default function Page() {
  const result = useTypedLoaderData<typeof loader>();

  return (
    <AppContainer>
      <MainCenteredContainer className="max-w-[22rem]">
        {result.success ? (
          <div>
            <FormTitle LeadingIcon="envelope" title="Unsubscribed" />
            <Paragraph spacing>
              You have unsubscribed from onboarding emails, {result.email}.
            </Paragraph>
            <LinkButton variant="primary/medium" to={rootPath()}>
              Dashboard
            </LinkButton>
          </div>
        ) : (
          <div>
            <FormTitle LeadingIcon="envelope" title="Unsubscribe failed" />
            <Paragraph spacing>{result.message}</Paragraph>
            <Paragraph spacing>
              If you believe this is a bug, please{" "}
              <TextLink href="https://trigger.dev/contact">contact support</TextLink>.
            </Paragraph>
            <LinkButton variant="primary/medium" to={rootPath()}>
              Dashboard
            </LinkButton>
          </div>
        )}
      </MainCenteredContainer>
    </AppContainer>
  );
}