index.tsx

/*
 *  This file is part of CoCalc: Copyright © 2021 Sagemath, Inc.
 *  License: MS-RSL – see LICENSE.md for details
 */

/*
The config page for anonymous users.  An anonymous user *is* signed in using a full account.
This page does belong in configuration -- it's about taking the steps to convert their
anonymous account into a full account so they won't lose their work.  Most important
is an email address or SSO sign on link.

Non-anonymous users get the layout page.
*/
import { Button, Popconfirm } from "antd";

import { Icon } from "@cocalc/frontend/components/icon";
import { Paragraph, Title } from "components/misc";
import SiteName from "components/share/site-name";
import apiPost from "lib/api/post";
import { useRouter } from "next/router";
import Upgrade from "./upgrade";

export default function Anonymous() {
  const router = useRouter();
  return (
    <div
      style={{
        margin: "auto",
        padding: "50px 30px",
        maxWidth: "800px",
        background: "white",
      }}
    >
      <Popconfirm
        title={
          <div style={{ maxWidth: "50ex" }}>
            Are you sure you want to sign out <b>losing everything</b> you just
            did anonymously?
          </div>
        }
        onConfirm={async () => {
          await apiPost("/accounts/sign-out", { all: true });
          router.push("/");
        }}
        okText={"Yes, discard everything"}
        cancelText={"Cancel"}
      >
        <Button danger style={{ float: "right" }}>
          <Icon name="sign-out-alt" /> Sign Out
        </Button>
      </Popconfirm>
      <Title level={3}>
        Thank you for trying <SiteName /> anonymously!
      </Title>
      <Paragraph>
        Signing up for an account will prevent losing your work, and unlock
        additional features.
      </Paragraph>
      <Upgrade style={{ margin: "15px 0px" }} />
    </div>
  );
}