StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Apply new eslint rules; default to prettier for styling

Browse source
This commit is contained in:
DaneEveritt 2022-06-26 15:13:52 -04:00
parent f22cce8881
commit dc84af9937
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
218 changed files with 3876 additions and 3564 deletions
Download patch file Download diff file Expand all files Collapse all files

67
resources/scripts/components/server/schedules/ScheduleContainer.tsx
View file

@ -18,19 +18,19 @@ export default () => {
const match = useRouteMatch();
const history = useHistory();
const uuid = ServerContext.useStoreState(state => state.server.data!.uuid);
const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
const { clearFlashes, addError } = useFlash();
const [ loading, setLoading ] = useState(true);
const [ visible, setVisible ] = useState(false);
const [loading, setLoading] = useState(true);
const [visible, setVisible] = useState(false);
const schedules = ServerContext.useStoreState(state => state.schedules.data);
const setSchedules = ServerContext.useStoreActions(actions => actions.schedules.setSchedules);
const schedules = ServerContext.useStoreState((state) => state.schedules.data);
const setSchedules = ServerContext.useStoreActions((actions) => actions.schedules.setSchedules);
useEffect(() => {
clearFlashes('schedules');
getServerSchedules(uuid)
.then(schedules => setSchedules(schedules))
.catch(error => {
.then((schedules) => setSchedules(schedules))
.catch((error) => {
addError({ message: httpErrorToHuman(error), key: 'schedules' });
console.error(error);
})
@ -39,42 +39,41 @@ export default () => {
return (
<ServerContentBlock title={'Schedules'}>
<FlashMessageRender byKey={'schedules'} css={tw`mb-4`}/>
{(!schedules.length && loading) ?
<Spinner size={'large'} centered/>
:
<FlashMessageRender byKey={'schedules'} css={tw`mb-4`} />
{!schedules.length && loading ? (
<Spinner size={'large'} centered />
) : (
<>
{
schedules.length === 0 ?
<p css={tw`text-sm text-center text-neutral-300`}>
There are no schedules configured for this server.
</p>
:
schedules.map(schedule => (
<GreyRowBox
as={'a'}
key={schedule.id}
href={`${match.url}/${schedule.id}`}
css={tw`cursor-pointer mb-2 flex-wrap`}
onClick={(e: any) => {
e.preventDefault();
history.push(`${match.url}/${schedule.id}`);
}}
>
<ScheduleRow schedule={schedule}/>
</GreyRowBox>
))
}
{schedules.length === 0 ? (
<p css={tw`text-sm text-center text-neutral-300`}>
There are no schedules configured for this server.
</p>
) : (
schedules.map((schedule) => (
<GreyRowBox
as={'a'}
key={schedule.id}
href={`${match.url}/${schedule.id}`}
css={tw`cursor-pointer mb-2 flex-wrap`}
onClick={(e: any) => {
e.preventDefault();
history.push(`${match.url}/${schedule.id}`);
}}
>
<ScheduleRow schedule={schedule} />
</GreyRowBox>
))
)}
<Can action={'schedule.create'}>
<div css={tw`mt-8 flex justify-end`}>
<EditScheduleModal visible={visible} onModalDismissed={() => setVisible(false)}/>
<EditScheduleModal visible={visible} onModalDismissed={() => setVisible(false)} />
<Button type={'button'} onClick={() => setVisible(true)}>
Create schedule
</Button>
</div>
</Can>
</>
}
)}
</ServerContentBlock>
);
};