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: save and get date cell

Browse Source
This commit is contained in:
ascarbek 2023-04-03 21:07:59 +06:00
parent ddca659c77
commit 2c13cccb4f
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/appflowy_tauri/src/appflowy_app/components/_shared/EditRow/DatePickerPopup.tsx
View File

@ -10,6 +10,8 @@ import { ClockSvg } from '$app/components/_shared/svg/ClockSvg';
import { MoreSvg } from '$app/components/_shared/svg/MoreSvg'; import { MoreSvg } from '$app/components/_shared/svg/MoreSvg';
import { EditorUncheckSvg } from '$app/components/_shared/svg/EditorUncheckSvg'; import { EditorUncheckSvg } from '$app/components/_shared/svg/EditorUncheckSvg';
import { useCell } from '$app/components/_shared/database-hooks/useCell'; import { useCell } from '$app/components/_shared/database-hooks/useCell';
import { CalendarData } from '$app/stores/effects/database/cell/controller_builder';
import { DateCellDataPB } from '@/services/backend';
export const DatePickerPopup = ({ export const DatePickerPopup = ({
left, left,
@ -29,7 +31,6 @@ export const DatePickerPopup = ({
const { data, cellController } = useCell(cellIdentifier, cellCache, fieldController); const { data, cellController } = useCell(cellIdentifier, cellCache, fieldController);
const ref = useRef<HTMLDivElement>(null); const ref = useRef<HTMLDivElement>(null);
const [adjustedTop, setAdjustedTop] = useState(-100); const [adjustedTop, setAdjustedTop] = useState(-100);
// const [value, setValue] = useState();
const { t } = useTranslation(''); const { t } = useTranslation('');
const [selectedDate, setSelectedDate] = useState<Date>(new Date()); const [selectedDate, setSelectedDate] = useState<Date>(new Date());
@ -48,15 +49,18 @@ export const DatePickerPopup = ({
}); });
useEffect(() => { useEffect(() => {
// console.log((data as DateCellDataPB).date); const date_pb = data as DateCellDataPB | undefined;
// setSelectedDate(new Date((data as DateCellDataPB).date)); if (!date_pb || !date_pb?.date.length) return;
// should be changed after we can modify date format
setSelectedDate(dayjs(date_pb.date, 'MMM DD, YYYY').toDate());
}, [data]); }, [data]);
const onChange = (v: Date | null | (Date | null)[]) => { const onChange = async (v: Date | null | (Date | null)[]) => {
if (v instanceof Date) { if (v instanceof Date) {
console.log(dayjs(v).format('YYYY-MM-DD'));
setSelectedDate(v); setSelectedDate(v);
// void cellController?.saveCellData(new DateCellDataPB({ date: dayjs(v).format('YYYY-MM-DD') })); const date = new CalendarData(dayjs(v).add(dayjs().utcOffset(), 'minutes').toDate(), false);
await cellController?.saveCellData(date);
} }
}; };