37 lines
1.5 KiB
TypeScript
37 lines
1.5 KiB
TypeScript
import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
|
|
import { UserSchedule } from '@shared/types/UserSchedule';
|
|
import { useEffect, useState } from 'react';
|
|
|
|
export default function useSchedules(): [active: UserSchedule | null, schedules: UserSchedule[]] {
|
|
const [schedules, setSchedules] = useState<UserSchedule[]>([]);
|
|
const [activeIndex, setActiveIndex] = useState<number>(0);
|
|
const [activeSchedule, setActiveSchedule] = useState<UserSchedule | null>(null);
|
|
|
|
useEffect(() => {
|
|
Promise.all([UserScheduleStore.get('schedules'), UserScheduleStore.get('activeIndex')]).then(
|
|
([schedules, activeIndex]) => {
|
|
setSchedules(schedules.map(s => new UserSchedule(s)));
|
|
setActiveIndex(activeIndex);
|
|
setActiveSchedule(new UserSchedule(schedules[activeIndex]));
|
|
}
|
|
);
|
|
|
|
const l1 = UserScheduleStore.listen('schedules', ({ newValue }) => {
|
|
setSchedules(newValue.map(s => new UserSchedule(s)));
|
|
setActiveSchedule(new UserSchedule(newValue[activeIndex]));
|
|
});
|
|
|
|
const l2 = UserScheduleStore.listen('activeIndex', ({ newValue }) => {
|
|
setActiveIndex(newValue);
|
|
setActiveSchedule(new UserSchedule(schedules[newValue]));
|
|
});
|
|
|
|
return () => {
|
|
UserScheduleStore.removeListener(l1);
|
|
UserScheduleStore.removeListener(l2);
|
|
};
|
|
}, []);
|
|
|
|
return [activeSchedule, schedules];
|
|
}
|