Show allocated ports on settings page

This commit is contained in:
Dane Everitt 2020-07-08 21:42:37 -07:00
parent 7b5139b2b1
commit 5c18fd1f0c
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
5 changed files with 75 additions and 10 deletions

View file

@ -13,6 +13,7 @@ import tw from 'twin.macro';
import Input from '@/components/elements/Input';
import Label from '@/components/elements/Label';
import { LinkButton } from '@/components/elements/Button';
import ServerAllocationsContainer from '@/components/server/settings/ServerAllocationsContainer';
export default () => {
const user = useStoreState<ApplicationStore, UserData>(state => state.user.data!);
@ -22,9 +23,9 @@ export default () => {
<PageContentBlock>
<FlashMessageRender byKey={'settings'} css={tw`mb-4`}/>
<div css={tw`md:flex`}>
<Can action={'file.sftp'}>
<div css={tw`w-full md:flex-1 md:mr-10`}>
<TitledGreyBox title={'SFTP Details'}>
<div css={tw`w-full md:flex-1 md:mr-10`}>
<Can action={'file.sftp'}>
<TitledGreyBox title={'SFTP Details'} css={tw`mb-6 md:mb-10`}>
<div>
<Label>Server Address</Label>
<Input
@ -59,9 +60,7 @@ export default () => {
</div>
</div>
</TitledGreyBox>
</div>
</Can>
<div css={tw`w-full mt-6 md:flex-1 md:mt-0`}>
</Can>
<Can action={'settings.rename'}>
<div css={tw`mb-6 md:mb-10`}>
<RenameServerBox/>
@ -71,6 +70,9 @@ export default () => {
<ReinstallServerBox/>
</Can>
</div>
<div css={tw`w-full mt-6 md:flex-1 md:mt-0`}>
<ServerAllocationsContainer/>
</div>
</div>
</PageContentBlock>
);