StarMC/Astral-nook
StarMC/Astral-nook
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

56
resources/scripts/components/server/databases/DatabasesContainer.tsx
View file

@ -14,22 +14,22 @@ import ServerContentBlock from '@/components/elements/ServerContentBlock';
import { useDeepMemoize } from '@/plugins/useDeepMemoize';
export default () => {
const uuid = ServerContext.useStoreState(state => state.server.data!.uuid);
const databaseLimit = ServerContext.useStoreState(state => state.server.data!.featureLimits.databases);
const uuid = ServerContext.useStoreState((state) => state.server.data!.uuid);
const databaseLimit = ServerContext.useStoreState((state) => state.server.data!.featureLimits.databases);
const { addError, clearFlashes } = useFlash();
const [ loading, setLoading ] = useState(true);
const [loading, setLoading] = useState(true);
const databases = useDeepMemoize(ServerContext.useStoreState(state => state.databases.data));
const setDatabases = ServerContext.useStoreActions(state => state.databases.setDatabases);
const databases = useDeepMemoize(ServerContext.useStoreState((state) => state.databases.data));
const setDatabases = ServerContext.useStoreActions((state) => state.databases.setDatabases);
useEffect(() => {
setLoading(!databases.length);
clearFlashes('databases');
getServerDatabases(uuid)
.then(databases => setDatabases(databases))
.catch(error => {
.then((databases) => setDatabases(databases))
.catch((error) => {
console.error(error);
addError({ key: 'databases', message: httpErrorToHuman(error) });
})
@ -38,13 +38,13 @@ export default () => {
return (
<ServerContentBlock title={'Databases'}>
<FlashMessageRender byKey={'databases'} css={tw`mb-4`}/>
{(!databases.length && loading) ?
<Spinner size={'large'} centered/>
:
<FlashMessageRender byKey={'databases'} css={tw`mb-4`} />
{!databases.length && loading ? (
<Spinner size={'large'} centered />
) : (
<Fade timeout={150}>
<>
{databases.length > 0 ?
{databases.length > 0 ? (
databases.map((database, index) => (
<DatabaseRow
key={database.id}
@ -52,31 +52,29 @@ export default () => {
className={index > 0 ? 'mt-1' : undefined}
/>
))
:
) : (
<p css={tw`text-center text-sm text-neutral-300`}>
{databaseLimit > 0 ?
'It looks like you have no databases.'
:
'Databases cannot be created for this server.'
}
{databaseLimit > 0
? 'It looks like you have no databases.'
: 'Databases cannot be created for this server.'}
</p>
}
)}
<Can action={'database.create'}>
<div css={tw`mt-6 flex items-center justify-end`}>
{(databaseLimit > 0 && databases.length > 0) &&
<p css={tw`text-sm text-neutral-300 mb-4 sm:mr-6 sm:mb-0`}>
{databases.length} of {databaseLimit} databases have been allocated to this
server.
</p>
}
{databaseLimit > 0 && databaseLimit !== databases.length &&
<CreateDatabaseButton css={tw`flex justify-end mt-6`}/>
}
{databaseLimit > 0 && databases.length > 0 && (
<p css={tw`text-sm text-neutral-300 mb-4 sm:mr-6 sm:mb-0`}>
{databases.length} of {databaseLimit} databases have been allocated to this
server.
</p>
)}
{databaseLimit > 0 && databaseLimit !== databases.length && (
<CreateDatabaseButton css={tw`flex justify-end mt-6`} />
)}
</div>
</Can>
</>
</Fade>
}
)}
</ServerContentBlock>
);
};