1
/*
2
An alert that points users at the existence of compute servers.
3
*/
4

5
import { computeServersEnabled } from "@cocalc/frontend/compute";
6
import { Alert, Button } from "antd";
7
import { Icon } from "@cocalc/frontend/components";
8
import { redux } from "@cocalc/frontend/app-framework";
9

10
export default function ComputeServersAlert({ project_id }) {
11
  if (!computeServersEnabled()) {
12
    return null;
13
  }
14
  return (
15
    <Alert
16
      style={{ margin: "15px 0" }}
17
      type="success"
18
      showIcon
19
      icon={<Icon name="servers" />}
20
      message={<>Compute Servers</>}
21
      description={
22
        <>
23
          You can also easily use a dedicated server where you have full admin
24
          root permissions and nearly unlimited resources. These are charged by
25
          the second and have up to{" "}
26
          <strong>
27
            416 vCPUs, 65TB of disk space, 11TB of RAM and high end GPUs
28
            including 8x NVIDIA H100s.{" "}
29
          </strong>
30
          <br />
31
          Click the{" "}
32
          <Button
33
            onClick={() => {
34
              redux.getProjectActions(project_id).set_active_tab("servers", {
35
                change_history: true,
36
              });
37
            }}
38
          >
39
            <Icon name="server" /> Servers
40
          </Button>{" "}
41
          button to get started.
42
        </>
43
      }
44
    />
45
  );
46
}
47

48