init: the first public commit for AFFiNE

2026-07-19 02:56:23 +08:00 · 2022-07-22 15:49:21 +08:00
commit e3e3741393
1451 changed files with 108124 additions and 0 deletions
@@ -0,0 +1,35 @@
+import { styled } from '@toeverything/components/ui';
+import { DocViewIcon, BoardViewIcon } from '@toeverything/components/icons';
+import { DocMode } from './type';
+
+interface StatusIconProps {
+    mode: DocMode;
+}
+
+export const StatusIcon = ({ mode }: StatusIconProps) => {
+    return (
+        <IconWrapper mode={mode}>
+            {mode === DocMode.doc ? <DocViewIcon /> : <BoardViewIcon />}
+        </IconWrapper>
+    );
+};
+
+const IconWrapper = styled('div')<Pick<StatusIconProps, 'mode'>>(
+    ({ theme, mode }) => {
+        return {
+            width: '20px',
+            height: '20px',
+            borderRadius: '5px',
+            boxShadow: '0px 1px 10px rgba(152, 172, 189, 0.6)',
+            color: theme.affine.palette.primary,
+            cursor: 'pointer',
+            backgroundColor: theme.affine.palette.white,
+            transform: `translateX(${mode === DocMode.doc ? 0 : 33}px)`,
+            transition: 'transform 300ms ease',
+
+            '& > svg': {
+                fontSize: '20px',
+            },
+        };
+    }
+);