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

Show a nicer error message when server is installing

Browse source
This commit is contained in:
Dane Everitt 2020-04-17 11:07:32 -07:00
parent 1aa3e0fb63
commit e044e8db1c
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
12 changed files with 117 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

2
resources/scripts/components/auth/LoginFormContainer.tsx
View file

@ -36,7 +36,7 @@ export default forwardRef<HTMLFormElement, Props>(({ title, ...props }, ref) =>
<Form {...props} ref={ref}>
<div className={'md:flex w-full bg-white shadow-lg rounded-lg p-6 md:pl-0 mx-1'}>
<div className={'flex-none select-none mb-6 md:mb-0 self-center'}>
<img src={'/assets/pterodactyl.svg'} className={'block w-48 md:w-64 mx-auto'}/>
<img src={'/assets/svgs/pterodactyl.svg'} className={'block w-48 md:w-64 mx-auto'}/>
</div>
<div className={'flex-1'}>
{props.children}

13
resources/scripts/components/elements/ContentContainer.tsx Normal file
View file

@ -0,0 +1,13 @@
import styled from 'styled-components';
import { breakpoint } from 'styled-components-breakpoint';
const ContentContainer = styled.div`
max-width: 1200px;
${tw`mx-4`};
${breakpoint('xl')`
${tw`mx-auto`};
`};
`;
export default ContentContainer;

30
resources/scripts/components/elements/PageContentBlock.tsx Normal file
View file

@ -0,0 +1,30 @@
import React from 'react';
import ContentContainer from '@/components/elements/ContentContainer';
import { CSSTransition } from 'react-transition-group';
interface Props {
children: React.ReactNode;
}
export default ({ children }: Props) => (
<CSSTransition timeout={250} classNames={'fade'} appear={true} in={true}>
<>
<ContentContainer className={'my-10'}>
{children}
</ContentContainer>
<ContentContainer className={'mb-4'}>
<p className={'text-right text-neutral-500 text-xs'}>
&copy; 2015 - 2020&nbsp;
<a
rel={'noopener nofollow'}
href={'https://pterodactyl.io'}
target={'_blank'}
className={'no-underline text-neutral-500 hover:text-neutral-300'}
>
Pterodactyl Software
</a>
</p>
</ContentContainer>
</>
</CSSTransition>
);

21
resources/scripts/components/screens/ServerError.tsx Normal file
View file

@ -0,0 +1,21 @@
import React from 'react';
import PageContentBlock from '@/components/elements/PageContentBlock';
interface Props {
title?: string;
message: string;
}
export default ({ title, message }: Props) => (
<PageContentBlock>
<div className={'flex justify-center'}>
<div className={'w-full sm:w-3/4 md:w-1/2 p-12 md:p-20 bg-neutral-100 rounded-lg shadow-lg text-center'}>
<img src={'/assets/svgs/server_error.svg'} className={'w-2/3 h-auto select-none'}/>
<h2 className={'mt-6 text-neutral-900 font-bold'}>{ title || 'Something went wrong!' }</h2>
<p className={'text-sm text-neutral-700 mt-2'}>
{message}
</p>
</div>
</div>
</PageContentBlock>
);

16
resources/scripts/components/screens/ServerInstalling.tsx Normal file
View file

@ -0,0 +1,16 @@
import React from 'react';
import PageContentBlock from '@/components/elements/PageContentBlock';
export default () => (
<PageContentBlock>
<div className={'flex justify-center'}>
<div className={'w-full sm:w-3/4 md:w-1/2 p-12 md:p-20 bg-neutral-100 rounded-lg shadow-lg text-center'}>
<img src={'/assets/svgs/server_installing.svg'} className={'w-2/3 h-auto select-none'}/>
<h2 className={'mt-6 text-neutral-900 font-bold'}>Your server is installing.</h2>
<p className={'text-sm text-neutral-700 mt-2'}>
Please check back in a few minutes.
</p>
</div>
</div>
</PageContentBlock>
);