forked from github/plane
4c2cb2368a
* chore: store various shades of accent color * refactor: custom theme selector * refactor: custom theme selector * chore: update custom theme input labels * fix: color generator function logic * fix: accent color preloaded data * chore: new theming structure * chore: update shades calculation logic * refactor: variable names * chore: update color scheming * chore: new color scheming * refactor: themes folder structure * chore: update classnames to the new ones * chore: update static colors * chore: sidebar link colors * chore: placeholder color * chore: update border classnames
28 lines
922 B
TypeScript
28 lines
922 B
TypeScript
import { FC } from "react";
|
|
|
|
// react-hook-form
|
|
import { UseFormWatch } from "react-hook-form";
|
|
// ui
|
|
import { PrimaryButton, SecondaryButton } from "components/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">
|
|
<SecondaryButton onClick={() => handleStepChange("import-users")}>Back</SecondaryButton>
|
|
<PrimaryButton type="submit">Confirm & Import</PrimaryButton>
|
|
</div>
|
|
</div>
|
|
);
|