52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import { Button, Card, Flex, Form, Stepper } from '@/components';
|
|
import { Mint } from '@/views/mint/mint.context';
|
|
import { useMintFormContext } from '@/views/mint/nfa-step/form-step';
|
|
import { RepoRow } from '../../repository-row';
|
|
import { RepoBranchCommitFields } from './repo-branch-commit-fields';
|
|
|
|
export const RepoConfigurationBody = () => {
|
|
const {
|
|
form: {
|
|
isValid: [isValid],
|
|
},
|
|
} = useMintFormContext();
|
|
|
|
const { repositoryName } = Mint.useContext();
|
|
|
|
const { nextStep } = Stepper.useContext();
|
|
|
|
const handleContinueClick = () => {
|
|
nextStep();
|
|
};
|
|
|
|
return (
|
|
<Card.Body css={{ pt: '$2' }}>
|
|
<Flex css={{ rowGap: '$6', flexDirection: 'column' }}>
|
|
<RepoRow
|
|
repo={repositoryName.name}
|
|
css={{ mb: '0' }}
|
|
button={
|
|
<Button
|
|
colorScheme="gray"
|
|
disabled
|
|
variant="outline"
|
|
css={{ py: '$1', height: '$5', borderRadius: '$md' }}
|
|
>
|
|
Use for NFA
|
|
</Button>
|
|
}
|
|
/>
|
|
<RepoBranchCommitFields />
|
|
<Button
|
|
disabled={!isValid}
|
|
colorScheme="blue"
|
|
variant="solid"
|
|
onClick={handleContinueClick}
|
|
>
|
|
Continue
|
|
</Button>
|
|
</Flex>
|
|
</Card.Body>
|
|
);
|
|
};
|