Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: options in board

Browse Source
This commit is contained in:
ascarbek 2023-03-30 16:32:37 +06:00
parent b21ed2488b
commit d1d667c497
5 changed files with 39 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/appflowy_tauri/src/appflowy_app/components/_shared/svg/ArrowLeftSvg.tsx Normal file
View File

@ -0,0 +1,7 @@
export const ArrowLeftSvg = () => {
return (
<svg width='100%' height='100%' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M10 4L6 8L10 12' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
</svg>
);
};

7
frontend/appflowy_tauri/src/appflowy_app/components/_shared/svg/ArrowRightSvg.tsx Normal file
View File

@ -0,0 +1,7 @@
export const ArrowRightSvg = () => {
return (
<svg width='100%' height='100%' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M6 4L10 8L6 12' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
</svg>
);
};

9
frontend/appflowy_tauri/src/appflowy_app/components/_shared/svg/SkipLeftSvg.tsx Normal file
View File

@ -0,0 +1,9 @@
export const SkipLeftSvg = () => {
return (
<svg width='100%' height='100%' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M3 11.7778L3 4' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
<path d='M9.5 4.5L6 8L9.5 11.5' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
<path d='M6 8L13 8' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
</svg>
);
};

9
frontend/appflowy_tauri/src/appflowy_app/components/_shared/svg/SkipRightSvg.tsx Normal file
View File

@ -0,0 +1,9 @@
export const SkipRightSvg = () => {
return (
<svg width='100%' height='100%' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M13 11.7778L13 4' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
<path d='M6.5 4.5L10 8L6.5 11.5' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
<path d='M10 8L3 8' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
</svg>
);
};

10
frontend/appflowy_tauri/src/appflowy_app/components/board/BoardOptionsCell.tsx
View File

@ -3,6 +3,7 @@ import { useCell } from '../_shared/database-hooks/useCell';
import { CellIdentifier } from '../../stores/effects/database/cell/cell_bd_svc'; import { CellIdentifier } from '../../stores/effects/database/cell/cell_bd_svc';
import { CellCache } from '../../stores/effects/database/cell/cell_cache'; import { CellCache } from '../../stores/effects/database/cell/cell_cache';
import { FieldController } from '../../stores/effects/database/field/field_controller'; import { FieldController } from '../../stores/effects/database/field/field_controller';
import { getBgColor } from '$app/components/_shared/getColor';
export const BoardOptionsCell = ({ export const BoardOptionsCell = ({
cellIdentifier, cellIdentifier,
@ -16,10 +17,13 @@ export const BoardOptionsCell = ({
const { data } = useCell(cellIdentifier, cellCache, fieldController); const { data } = useCell(cellIdentifier, cellCache, fieldController);
return ( return (
<> <div className={'flex flex-wrap items-center gap-2 py-2 text-xs text-black'}>
{(data as SelectOptionCellDataPB | undefined)?.select_options?.map((option, index) => ( {(data as SelectOptionCellDataPB | undefined)?.select_options?.map((option, index) => (
<div key={index}>{option?.name || ''}</div> <div className={`${getBgColor(option.color)} rounded px-2 py-0.5`} key={index}>
{option?.name || ''}
</div>
)) || ''} )) || ''}
</> &nbsp;
</div>
); );
}; };