feat(beta): public spaces (#2473)

apps/client/src/pages/settings/shares/shares.tsx

@@ -1,19 +1,23 @@
 import SettingsTitle from "@/components/settings/settings-title.tsx";
 import { useTranslation } from "react-i18next";
+import { useAtom } from "jotai";
 import ShareList from "@/features/share/components/share-list.tsx";
-import { Alert, Text } from "@mantine/core";
+import PublishedSpacesList from "@/features/public-space/components/published-spaces-list.tsx";
+import { isPublicSpacesAllowed } from "@/features/public-space/utils/public-space-access.ts";
+import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
+import { Alert, Tabs } from "@mantine/core";
 import { IconInfoCircle } from "@tabler/icons-react";
 import React from "react";
 import { DocumentTitle } from "@/components/ui/document-title.tsx";
 
 export default function Shares() {
   const { t } = useTranslation();
+  const [workspace] = useAtom(workspaceAtom);
 
-  return (
+  const allowPublicSpaces = isPublicSpacesAllowed(workspace);
+
+  const sharedPages = (
     <>
-      <DocumentTitle title={t("Public sharing")} />
-      <SettingsTitle title={t("Public sharing")} />
-
       <Alert variant="light" color="blue" icon={<IconInfoCircle />}>
         {t(
           "Publicly shared pages from spaces you are a member of will appear here",
@@ -23,4 +27,38 @@ export default function Shares() {
       <ShareList />
     </>
   );
+
+  return (
+    <>
+      <DocumentTitle title={t("Public sharing")} />
+      <SettingsTitle title={t("Public sharing")} />
+
+      {allowPublicSpaces ? (
+        <Tabs color="dark" defaultValue="pages">
+          <Tabs.List>
+            <Tabs.Tab fw={500} value="pages">
+              {t("Shared pages")}
+            </Tabs.Tab>
+            <Tabs.Tab fw={500} value="spaces">
+              {t("Published spaces")}
+            </Tabs.Tab>
+          </Tabs.List>
+
+          <Tabs.Panel value="pages" pt="md">
+            {sharedPages}
+          </Tabs.Panel>
+
+          <Tabs.Panel value="spaces" pt="md">
+            <Alert variant="light" color="blue" icon={<IconInfoCircle />}>
+              {t("Spaces published to the web will appear here")}
+            </Alert>
+
+            <PublishedSpacesList />
+          </Tabs.Panel>
+        </Tabs>
+      ) : (
+        sharedPages
+      )}
+    </>
+  );
 }