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

Button styling cleanup, prop consistency

Browse source
This commit is contained in:
DaneEveritt 2022-06-20 12:38:23 -04:00
parent 7dd74ecc9d
commit 7b0e2ce99d
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
9 changed files with 121 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

11
resources/scripts/components/server/settings/ReinstallServerBox.tsx
View file

@ -6,7 +6,7 @@ import { Actions, useStoreActions } from 'easy-peasy';
import { ApplicationStore } from '@/state';
import { httpErrorToHuman } from '@/api/http';
import tw from 'twin.macro';
import Button from '@/components/elements/Button';
import { Button } from '@/components/elements/button/index';
import { Dialog } from '@/components/elements/dialog';
export default () => {
@ -57,14 +57,9 @@ export default () => {
</strong>
</p>
<div css={tw`mt-6 text-right`}>
<Button
type={'button'}
color={'red'}
isSecondary
onClick={() => setModalVisible(true)}
>
<Button.Danger variant={Button.Variants.Secondary} onClick={() => setModalVisible(true)}>
Reinstall Server
</Button>
</Button.Danger>
</div>
</TitledGreyBox>
);

2
resources/scripts/components/server/settings/RenameServerBox.tsx
View file

@ -9,7 +9,7 @@ import { object, string } from 'yup';
import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
import { ApplicationStore } from '@/state';
import { httpErrorToHuman } from '@/api/http';
import Button from '@/components/elements/Button';
import { Button } from '@/components/elements/button/index';
import tw from 'twin.macro';
interface Values {

11
resources/scripts/components/server/settings/SettingsContainer.tsx
View file

@ -9,11 +9,11 @@ import ReinstallServerBox from '@/components/server/settings/ReinstallServerBox'
import tw from 'twin.macro';
import Input from '@/components/elements/Input';
import Label from '@/components/elements/Label';
import { LinkButton } from '@/components/elements/Button';
import ServerContentBlock from '@/components/elements/ServerContentBlock';
import isEqual from 'react-fast-compare';
import CopyOnClick from '@/components/elements/CopyOnClick';
import { formatIp } from '@/helpers';
import { Button } from '@/components/elements/button/index';
export default () => {
const username = useStoreState(state => state.user.data!.username);
@ -58,12 +58,9 @@ export default () => {
</div>
</div>
<div css={tw`ml-4`}>
<LinkButton
isSecondary
href={`sftp://${username}.${id}@${formatIp(sftp.ip)}:${sftp.port}`}
>
Launch SFTP
</LinkButton>
<a href={`sftp://${username}.${id}@${formatIp(sftp.ip)}:${sftp.port}`}>
<Button.Text variant={Button.Variants.Secondary}>Launch SFTP</Button.Text>
</a>
</div>
</div>
</TitledGreyBox>