fix: move the style to correct place

toeverything · Jul 31, 2024 · c7923e3 · c7923e3
1 parent dbb6109
commit c7923e3
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 18 deletions.
diff --git a/packages/frontend/core/src/components/pure/ai-island/index.tsx b/packages/frontend/core/src/components/pure/ai-island/index.tsx
@@ -5,6 +5,7 @@ import {
   useLiveData,
   useService,
 } from '@toeverything/infra';
+import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 
 import { ToolContainer } from '../../workspace';
@@ -14,6 +15,7 @@ import {
   aiIslandBtn,
   aiIslandWrapper,
   gradient,
+  toolStyle,
 } from './styles.css';
 
 const RIGHT_SIDEBAR_AI_HAS_EVER_OPENED_KEY =
@@ -49,7 +51,7 @@ export const AIIsland = () => {
   }, [activeTab, haveChatTab, sidebarOpen]);
 
   return (
-    <ToolContainer>
+    <ToolContainer className={clsx(toolStyle, { hide })}>
       <div
         className={aiIslandWrapper}
         data-hide={hide}

diff --git a/packages/frontend/core/src/components/pure/ai-island/styles.css.ts b/packages/frontend/core/src/components/pure/ai-island/styles.css.ts
@@ -1,6 +1,14 @@
 import { cssVar } from '@toeverything/theme';
 import { createVar, keyframes, style } from '@vanilla-extract/css';
 
+export const toolStyle = style({
+  selectors: {
+    '&.hide': {
+      pointerEvents: 'none',
+    },
+  },
+});
+
 export const aiIslandWrapper = style({
   width: 44,
   height: 44,

diff --git a/packages/frontend/core/src/components/workspace/index.css.ts b/packages/frontend/core/src/components/workspace/index.css.ts
@@ -99,8 +99,5 @@ export const toolStyle = style({
     '&.trash': {
       bottom: '78px',
     },
-    '&[aria-disabled="true"]': {
-      pointerEvents: 'none',
-    },
   },
 });
diff --git a/packages/frontend/core/src/components/workspace/index.tsx b/packages/frontend/core/src/components/workspace/index.tsx
@@ -1,5 +1,4 @@
 import { useAppSettingHelper } from '@affine/core/hooks/affine/use-app-setting-helper';
-import { WorkbenchService } from '@affine/core/modules/workbench';
 import {
   DocsService,
   GlobalContextService,
@@ -72,26 +71,17 @@ export const MainContainer = forwardRef<
 
 MainContainer.displayName = 'MainContainer';
 
-export const ToolContainer = (props: PropsWithChildren): ReactElement => {
-  const workbench = useService(WorkbenchService).workbench;
-  const isSidePanelOpen = useLiveData(workbench.sidebarOpen$);
-  const activeView = useLiveData(workbench.activeView$);
-  const inChatPanel = useLiveData(
-    activeView.activeSidebarTab$.map(t => t?.id === 'chat')
-  );
+export const ToolContainer = (
+  props: PropsWithChildren<{ className?: string }>
+): ReactElement => {
   const docId = useLiveData(
     useService(GlobalContextService).globalContext.docId.$
   );
   const docRecordList = useService(DocsService).list;
   const doc = useLiveData(docId ? docRecordList.doc$(docId) : undefined);
   const inTrash = useLiveData(doc?.meta$)?.trash;
   return (
-    <div
-      className={clsx(toolStyle, {
-        trash: inTrash,
-      })}
-      aria-disabled={isSidePanelOpen && inChatPanel}
-    >
+    <div className={clsx(toolStyle, { trash: inTrash }, props.className)}>
       {props.children}
     </div>
   );