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

100
resources/scripts/routers/ServerRouter.tsx
View file

@ -25,95 +25,101 @@ export default () => {
const match = useRouteMatch<{ id: string }>();
const location = useLocation();
const rootAdmin = useStoreState(state => state.user.data!.rootAdmin);
const [ error, setError ] = useState('');
const rootAdmin = useStoreState((state) => state.user.data!.rootAdmin);
const [error, setError] = useState('');
const id = ServerContext.useStoreState(state => state.server.data?.id);
const uuid = ServerContext.useStoreState(state => state.server.data?.uuid);
const inConflictState = ServerContext.useStoreState(state => state.server.inConflictState);
const serverId = ServerContext.useStoreState(state => state.server.data?.internalId);
const getServer = ServerContext.useStoreActions(actions => actions.server.getServer);
const clearServerState = ServerContext.useStoreActions(actions => actions.clearServerState);
const id = ServerContext.useStoreState((state) => state.server.data?.id);
const uuid = ServerContext.useStoreState((state) => state.server.data?.uuid);
const inConflictState = ServerContext.useStoreState((state) => state.server.inConflictState);
const serverId = ServerContext.useStoreState((state) => state.server.data?.internalId);
const getServer = ServerContext.useStoreActions((actions) => actions.server.getServer);
const clearServerState = ServerContext.useStoreActions((actions) => actions.clearServerState);
const to = (value: string, url = false) => {
return `${(url ? match.url : match.path).replace(/\/*$/, '')}/${value.replace(/^\/+/, '')}`;
};
useEffect(() => () => {
clearServerState();
}, []);
useEffect(
() => () => {
clearServerState();
},
[]
);
useEffect(() => {
setError('');
getServer(match.params.id)
.catch(error => {
console.error(error);
setError(httpErrorToHuman(error));
});
getServer(match.params.id).catch((error) => {
console.error(error);
setError(httpErrorToHuman(error));
});
return () => {
clearServerState();
};
}, [ match.params.id ]);
}, [match.params.id]);
return (
<React.Fragment key={'server-router'}>
<NavigationBar/>
{(!uuid || !id) ?
error ?
<ServerError message={error}/>
:
<Spinner size={'large'} centered/>
:
<NavigationBar />
{!uuid || !id ? (
error ? (
<ServerError message={error} />
) : (
<Spinner size={'large'} centered />
)
) : (
<>
<CSSTransition timeout={150} classNames={'fade'} appear in>
<SubNavigation>
<div>
{routes.server.filter(route => !!route.name).map((route) => (
route.permission ?
<Can key={route.path} action={route.permission} matchAny>
<NavLink to={to(route.path, true)} exact={route.exact}>
{routes.server
.filter((route) => !!route.name)
.map((route) =>
route.permission ? (
<Can key={route.path} action={route.permission} matchAny>
<NavLink to={to(route.path, true)} exact={route.exact}>
{route.name}
</NavLink>
</Can>
) : (
<NavLink key={route.path} to={to(route.path, true)} exact={route.exact}>
{route.name}
</NavLink>
</Can>
:
<NavLink key={route.path} to={to(route.path, true)} exact={route.exact}>
{route.name}
</NavLink>
))}
{rootAdmin &&
)
)}
{rootAdmin && (
// eslint-disable-next-line react/jsx-no-target-blank
<a href={`/admin/servers/view/${serverId}`} target={'_blank'}>
<FontAwesomeIcon icon={faExternalLinkAlt}/>
<FontAwesomeIcon icon={faExternalLinkAlt} />
</a>
}
)}
</div>
</SubNavigation>
</CSSTransition>
<InstallListener/>
<TransferListener/>
<WebsocketHandler/>
{(inConflictState && (!rootAdmin || (rootAdmin && !location.pathname.endsWith(`/server/${id}`)))) ?
<ConflictStateRenderer/>
:
<InstallListener />
<TransferListener />
<WebsocketHandler />
{inConflictState && (!rootAdmin || (rootAdmin && !location.pathname.endsWith(`/server/${id}`))) ? (
<ConflictStateRenderer />
) : (
<ErrorBoundary>
<TransitionRouter>
<Switch location={location}>
{routes.server.map(({ path, permission, component: Component }) => (
<PermissionRoute key={path} permission={permission} path={to(path)} exact>
<Spinner.Suspense>
<Component/>
<Component />
</Spinner.Suspense>
</PermissionRoute>
))}
<Route path={'*'} component={NotFound}/>
<Route path={'*'} component={NotFound} />
</Switch>
</TransitionRouter>
</ErrorBoundary>
}
)}
</>
}
)}
</React.Fragment>
);
};