Skynet/misc_pterodactyl-panel
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

admin(ui): add blank 'create' views

Browse source
This commit is contained in:
Matthew Penner 2021-01-06 15:39:23 -07:00
parent e7021dfc39
commit d81aef68b5
12 changed files with 201 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

10
resources/scripts/components/admin/databases/DatabasesContainer.tsx
View file

@ -64,13 +64,15 @@ const DatabasesContainer = () => {
<AdminContentBlock>
<div css={tw`w-full flex flex-row items-center mb-8`}>
<div css={tw`flex flex-col`}>
<h2 css={tw`text-2xl text-neutral-50 font-header font-medium`}>Databases</h2>
<h2 css={tw`text-2xl text-neutral-50 font-header font-medium`}>Database Hosts</h2>
<p css={tw`text-base text-neutral-400`}>Database hosts that servers can have databases created on.</p>
</div>
<Button type={'button'} size={'large'} css={tw`h-10 ml-auto px-4 py-0`}>
New Database
</Button>
<NavLink to={`${match.url}/new`} css={tw`ml-auto`}>
<Button type={'button'} size={'large'} css={tw`h-10 px-4 py-0`}>
New Database Host
</Button>
</NavLink>
</div>
<FlashMessageRender byKey={'databases'} css={tw`mb-4`}/>

16
resources/scripts/components/admin/databases/NewDatabaseContainer.tsx Normal file
View file

@ -0,0 +1,16 @@
import React from 'react';
import tw from 'twin.macro';
import AdminContentBlock from '@/components/admin/AdminContentBlock';
export default () => {
return (
<AdminContentBlock>
<div css={tw`w-full flex flex-row items-center mb-8`}>
<div css={tw`flex flex-col`}>
<h2 css={tw`text-2xl text-neutral-50 font-header font-medium`}>Create Database Host</h2>
<p css={tw`text-base text-neutral-400`}>Add a new database host to the panel.</p>
</div>
</div>
</AdminContentBlock>
);
};