CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutSign UpSign In
sagemathinc

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.

GitHub Repository: sagemathinc/cocalc
 Path: blob/master/src/packages/next/pages/support/chatgpt.tsx
Views: 687
1
import { Layout } from "antd";

2


3
import Footer from "components/landing/footer";

4
import Head from "components/landing/head";

5
import Header from "components/landing/header";

6
import ChatGPTHelp from "components/openai/chatgpt-help";

7
import { Customize } from "lib/customize";

8
import withCustomize from "lib/with-customize";

9


10
export default function ChatgptInfo({ customize }) {

11
  const { siteName, onCoCalcCom } = customize;

12


13
  function renderChatGPT() {

14
    return (

15
      <div style={{ maxWidth: "1000px" }}>

16
        Our integrated AI support is often very helpful since it knows so much

17
        about the open source software in {siteName}. You can ask a question

18
        below or use @ mention an AI model in any chat message when using{" "}

19
        {siteName}.

20
        <ChatGPTHelp

21
          style={{ marginTop: "15px" }}

22
          size="large"

23
          tag="support-chatgpt"

24
        />

25
      </div>

26
    );

27
  }

28


29
  return (

30
    <Customize value={customize}>

31
      <Head title="Your Support Tickets" />

32
      <Layout>

33
        <Header page="support" subPage="chatgpt" />

34
        <div style={{ margin: "15px auto" }}>

35
          {onCoCalcCom ? renderChatGPT() : "disabled"}

36
        </div>

37
        <Footer />

38
      </Layout>

39
    </Customize>

40
  );

41
}

42


43
export async function getServerSideProps(context) {

44
  return await withCustomize({ context });

45
}

46


47