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

feat/integrate single select options to grid

Browse Source
This commit is contained in:
Mike Abebe 2023-04-04 12:46:39 +03:00
parent da45531801
commit e38398e235
1 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/appflowy_tauri/src/appflowy_app/components/grid/GridCell/GridSingleSelectOptions.tsx
View File

@ -5,6 +5,7 @@ import { CellCache } from '@/appflowy_app/stores/effects/database/cell/cell_cach
import { FieldController } from '@/appflowy_app/stores/effects/database/field/field_controller';
import { useCell } from '../../_shared/database-hooks/useCell';
import { SelectOptionCellDataPB } from '@/services/backend/models/flowy-database/select_type_option';
import { CellOptionsPopup } from '../../_shared/EditRow/CellOptionsPopup';
export default function GridSingleSelectOptions({
cellIdentifier,
@ -21,15 +22,34 @@ export default function GridSingleSelectOptions({
const [value, setValue] = useState((data as SelectOptionCellDataPB) || '');
const [showOptionsPopup, setShowOptionsPopup] = useState(false);
const [changeOptionsTop, setChangeOptionsTop] = useState(0);
const [changeOptionsLeft, setChangeOptionsLeft] = useState(0);
const onEditOptionsClick = async (left: number, top: number) => {
setChangeOptionsLeft(left);
setChangeOptionsTop(top);
setShowOptionsPopup(true);
};
useEffect(() => {
if (data) setValue(data as SelectOptionCellDataPB);
}, [data]);
return (
<>
<div className='flex w-full justify-start' ref={ref}>
<CellOptions data={data as SelectOptionCellDataPB} onEditClick={() => setShowOptionsPopup(!showOptionsPopup)} />
<div className='flex w-full cursor-pointer justify-start'>
<CellOptions data={data as SelectOptionCellDataPB} onEditClick={onEditOptionsClick} />
</div>
{showOptionsPopup && (
<CellOptionsPopup
top={changeOptionsTop}
left={changeOptionsLeft}
cellIdentifier={cellIdentifier}
cellCache={cellCache}
fieldController={fieldController}
onOutsideClick={() => setShowOptionsPopup(false)}
/>
)}
</>
);
}