ui(admin): update New Nest button

This commit is contained in:
Matthew Penner 2023-01-12 12:12:06 -07:00
parent bc7737840a
commit 216c464ac8
No known key found for this signature in database
2 changed files with 14 additions and 12 deletions

View file

@ -7,12 +7,12 @@ import { object } from 'yup';
import createEgg from '@/api/admin/eggs/createEgg'; import createEgg from '@/api/admin/eggs/createEgg';
import AdminContentBlock from '@/components/admin/AdminContentBlock'; import AdminContentBlock from '@/components/admin/AdminContentBlock';
import type { EggProcessContainerRef } from '@/components/admin/nests/eggs/EggSettingsContainer';
import { import {
EggImageContainer, EggImageContainer,
EggInformationContainer, EggInformationContainer,
EggLifecycleContainer, EggLifecycleContainer,
EggProcessContainer, EggProcessContainer,
EggProcessContainerRef,
EggStartupContainer, EggStartupContainer,
} from '@/components/admin/nests/eggs/EggSettingsContainer'; } from '@/components/admin/nests/eggs/EggSettingsContainer';
import { Button } from '@/components/elements/button'; import { Button } from '@/components/elements/button';

View file

@ -6,10 +6,11 @@ import { object, string } from 'yup';
import createNest from '@/api/admin/nests/createNest'; import createNest from '@/api/admin/nests/createNest';
import getNests from '@/api/admin/nests/getNests'; import getNests from '@/api/admin/nests/getNests';
import Button from '@/components/elements/Button'; import { Button } from '@/components/elements/button';
import { Size, Variant } from '@/components/elements/button/types';
import Field from '@/components/elements/Field'; import Field from '@/components/elements/Field';
import Modal from '@/components/elements/Modal';
import FlashMessageRender from '@/components/FlashMessageRender'; import FlashMessageRender from '@/components/FlashMessageRender';
import Modal from '@/components/elements/Modal';
import useFlash from '@/plugins/useFlash'; import useFlash from '@/plugins/useFlash';
interface Values { interface Values {
@ -80,15 +81,16 @@ export default () => {
</div> </div>
<div css={tw`flex flex-wrap justify-end mt-6`}> <div css={tw`flex flex-wrap justify-end mt-6`}>
<Button <Button.Text
type={'button'} type="button"
isSecondary variant={Variant.Secondary}
css={tw`w-full sm:w-auto sm:mr-2`} className="w-full sm:mr-2 sm:w-auto"
onClick={() => setVisible(false)} onClick={() => setVisible(false)}
> >
Cancel Cancel
</Button> </Button.Text>
<Button css={tw`w-full mt-4 sm:w-auto sm:mt-0`} type={'submit'}>
<Button type="submit" className="mt-4 w-full sm:mt-0 sm:w-auto">
Create Nest Create Nest
</Button> </Button>
</div> </div>
@ -98,9 +100,9 @@ export default () => {
</Formik> </Formik>
<Button <Button
type={'button'} type="button"
size={'large'} size={Size.Large}
css={tw`h-10 px-4 py-0 whitespace-nowrap`} className="h-10 whitespace-nowrap px-4 py-0"
onClick={() => setVisible(true)} onClick={() => setVisible(true)}
> >
New Nest New Nest