Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-04 00:28:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(comming-soon): add comming-soon

Browse Source
This commit is contained in:
zhangchi
2022-07-22 21:38:57 +08:00
parent 9361ad8e61
commit 48a5f52fb4
4 changed files with 26 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.eslintrc.json
View File

@@ -61,7 +61,8 @@
"onlyDependOnLibsWithTags": [
"library:utils",
"components:icons",
"components:ui"
"components:ui",
"library:feature-flags"
]
},
{

13
libs/components/common/src/lib/comming-soon/CommingSoon.tsx Normal file
View File

@@ -0,0 +1,13 @@
import { Tooltip } from '@toeverything/components/ui';
import { useFlag } from '@toeverything/datasource/feature-flags';
function CommingSoon(props: { children: JSX.Element }) {
const BooleanCommingSoon = useFlag('BooleanCommingSoon', false);
if (!BooleanCommingSoon) return <></>;
return (
<Tooltip content={'Comming Soon'} placement="top">
{props.children}
</Tooltip>
);
}
export { CommingSoon };

2
libs/components/common/src/lib/index.ts
View File

@@ -49,3 +49,5 @@ export {
FullScreenIcon,
UnGroupIcon,
} from './icon';
export * from './comming-soon/CommingSoon';

17
libs/components/editor-blocks/src/blocks/group/GroupMenu.tsx
View File

@@ -29,6 +29,7 @@ import type { ActivePanel } from './types';
import { useFlag } from '@toeverything/datasource/feature-flags';
import { GroupBy } from './components/group-by/GroupBy';
import { CommingSoon } from '@toeverything/components/common';
const GroupMenuWrapper = ({
block,
editor,
@@ -107,7 +108,7 @@ const GroupMenuWrapper = ({
// Table View
// </IconButton>
// )
<Tooltip content={'Comming Soon'} placement="top">
<CommingSoon>
<IconButton
active={scene === SCENE_CONFIG.TABLE}
style={{ cursor: 'not-allowed' }}
@@ -115,9 +116,9 @@ const GroupMenuWrapper = ({
<TableIcon fontSize="small" />
Table
</IconButton>
</Tooltip>
</CommingSoon>
}
<Tooltip content={'Comming Soon'} placement="top">
<CommingSoon>
<IconButton
active={scene === SCENE_CONFIG.TABLE}
style={{ cursor: 'not-allowed' }}
@@ -125,8 +126,8 @@ const GroupMenuWrapper = ({
<KanBanIcon fontSize="small" />
Calendar
</IconButton>
</Tooltip>
<Tooltip content={'Comming Soon'} placement="top">
</CommingSoon>
<CommingSoon>
<IconButton
active={scene === SCENE_CONFIG.TABLE}
style={{ cursor: 'not-allowed' }}
@@ -134,8 +135,8 @@ const GroupMenuWrapper = ({
<TableIcon fontSize="small" />
Timeline
</IconButton>
</Tooltip>
<Tooltip content={'Comming Soon'} placement="top">
</CommingSoon>
<CommingSoon>
<IconButton
active={scene === SCENE_CONFIG.TABLE}
style={{ cursor: 'not-allowed' }}
@@ -143,7 +144,7 @@ const GroupMenuWrapper = ({
<KanBanIcon fontSize="small" />
BI
</IconButton>
</Tooltip>
</CommingSoon>
{
// Closed beta period temporarily