refactor(infra): directory structure (#4615)

2026-07-25 14:28:51 +08:00 · 2023-10-18 23:30:08 +08:00
parent 814d552be8
commit bed9310519
1150 changed files with 539 additions and 584 deletions
@@ -0,0 +1,47 @@
+import { deleteLayoutAtom, pushLayoutAtom } from '@affine/sdk/entry';
+import { AiIcon } from '@blocksuite/icons';
+import { IconButton } from '@toeverything/components/button';
+import { Tooltip } from '@toeverything/components/tooltip';
+import { useSetAtom } from 'jotai';
+import type { ComponentType, PropsWithChildren, ReactElement } from 'react';
+import { useCallback, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+
+import { DetailContent } from './detail-content';
+
+export const HeaderItem = ({
+  Provider,
+}: {
+  Provider: ComponentType<PropsWithChildren>;
+}): ReactElement => {
+  const [open, setOpen] = useState(false);
+  const pushLayout = useSetAtom(pushLayoutAtom);
+  const deleteLayout = useSetAtom(deleteLayoutAtom);
+  return (
+    <Tooltip content="Chat with AI" side="bottom">
+      <IconButton
+        onClick={useCallback(() => {
+          if (!open) {
+            setOpen(true);
+            pushLayout('@affine/copilot-plugin', div => {
+              const root = createRoot(div);
+              root.render(
+                <Provider>
+                  <DetailContent />
+                </Provider>
+              );
+              return () => {
+                root.unmount();
+              };
+            });
+          } else {
+            setOpen(false);
+            deleteLayout('@affine/copilot-plugin');
+          }
+        }, [Provider, deleteLayout, open, pushLayout])}
+      >
+        <AiIcon />
+      </IconButton>
+    </Tooltip>
+  );
+};