forked from github/plane
35a7d10b8f
* chore: swap input component with plane/ui package * chore: swap textarea component with plane/ui package * chore: swap button component with plane/ui package * chore: button component revamp * fix: button type fix * chore: secondary button revamp * chore: button props updated * chore: swap loader component with plane/ui package * fix: build error fix * chore: button component refactor * chore: code refactor * chore: swap toggle switch component with plane/ui package * chore: swap spinner component with plane/ui package * chore: swap progress bar componenet with plan/ui package * chore: code refactor
31 lines
932 B
TypeScript
31 lines
932 B
TypeScript
import { FC } from "react";
|
|
|
|
// react-hook-form
|
|
import { UseFormWatch } from "react-hook-form";
|
|
// ui
|
|
import { Button } from "@plane/ui";
|
|
// types
|
|
import { TFormValues, TIntegrationSteps } from "components/integration";
|
|
|
|
type Props = {
|
|
handleStepChange: (value: TIntegrationSteps) => void;
|
|
watch: UseFormWatch<TFormValues>;
|
|
};
|
|
|
|
export const GithubImportConfirm: FC<Props> = ({ handleStepChange, watch }) => (
|
|
<div className="mt-6">
|
|
<h4 className="font-medium text-custom-text-200">
|
|
You are about to import issues from {watch("github").full_name}. Click on {'"'}Confirm & Import{'" '}
|
|
to complete the process.
|
|
</h4>
|
|
<div className="mt-6 flex items-center justify-between">
|
|
<Button variant="neutral-primary" onClick={() => handleStepChange("import-users")}>
|
|
Back
|
|
</Button>
|
|
<Button variant="primary" type="submit">
|
|
Confirm & Import
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|