another live demo filter -- must have an account

Author: williamstein

src/packages/next/components/landing/content.tsx

@@ -5,7 +5,6 @@
 
 import { Col, Row, Space } from "antd";
 import { ReactNode } from "react";
-
 import StaticMarkdown from "@cocalc/frontend/editors/slate/static-markdown";
 import { COLORS } from "@cocalc/util/theme";
 import Path from "components/app/path";
@@ -74,7 +73,7 @@ export default function Content(props: Props) {
     title,
   } = props;
 
-  const { sandboxProjectId } = useCustomize();
+  const { account, sandboxProjectId } = useCustomize();
 
   function renderIndexInfo() {
     if (!imageAlternative) return;
@@ -218,13 +217,15 @@ export default function Content(props: Props) {
                 {description}
               </Title>
             )}
-            <div style={{ marginTop: "15px" }}>
-              <LiveDemo
-                context={
-                  typeof title == "string" ? title : alt ?? "Feature Page"
-                }
-              />
-            </div>
+            {account && (
+              <div style={{ marginTop: "15px" }}>
+                <LiveDemo
+                  context={
+                    typeof title == "string" ? title : alt ?? "Feature Page"
+                  }
+                />
+              </div>
+            )}
             <SignIn startup={startup ?? title} hideFree={true} />
           </Space>
         </Col>

src/packages/next/components/landing/footer.tsx

@@ -62,6 +62,7 @@ export default function Footer() {
     organizationURL,
     enabledPages,
     termsOfServiceURL,
+    account,
   } = useCustomize();
 
   const footerColumns: Array<FooterColumn> = [
@@ -136,7 +137,7 @@ export default function Footer() {
         {
           text: "Get a Live Demo",
           url: liveDemoUrl("footer"),
-          hide: !enabledPages?.support,
+          hide: !account || !enabledPages?.support,
         },
       ],
     },

src/packages/next/components/landing/header.tsx

@@ -19,8 +19,8 @@ import basePath from "lib/base-path";
 import { useCustomize } from "lib/customize";
 import SubNav, { Page, SubPage } from "./sub-nav";
 import LiveDemo from "components/landing/live-demo";
-// import { Button } from "antd";
-// import { Icon } from "@cocalc/frontend/components/icon";
+import { Button } from "antd";
+import { Icon } from "@cocalc/frontend/components/icon";
 
 const GAP = "4%";
 
@@ -71,14 +71,16 @@ export default function Header(props: Props) {
             width: "150px", // CRITICAL -- this is to prevent flicker -- see https://github.com/sagemathinc/cocalc/issues/6504
           }}
         >
-          <LiveDemo context="header" />
-          {/*<Button
-            size="large"
-            type="primary"
-            href="/support/new?type=question&subject=&body=&title=Ask%20Us%20Anything!"
-          >
-            <Icon style={{ fontSize: "20px" }} name="question-circle" /> Contact
-          </Button>*/}
+          {account ? (
+            <LiveDemo context="header" />
+          ) : (
+            <Button
+              type="primary"
+              href="/support/new?type=question&subject=&body=&title=Ask%20Us%20Anything!"
+            >
+              <Icon name="question-circle" /> Contact
+            </Button>
+          )}
         </span>
       );
     }