feat(onboarding): add skip button to integration configuration step
Allow skipping individual integrations during onboarding without filling in the form. Adds an optional onSkip prop to NewIntegrationForm that advances to the next integration or finishes setup.
This commit is contained in:
3 files changed
+9
No files matched your search
@@ -90,6 +90,7 @@ export const InitIntegrations = () => {
|
||||
kind={currentKind}
|
||||
onSuccess={advanceOrFinish}
|
||||
onCancel={backToSelect}
|
||||
onSkip={advanceOrFinish}
|
||||
isOnboarding
|
||||
/>
|
||||
</Stack>
|
||||
|
||||
@@ -49,6 +49,7 @@ interface NewIntegrationFormProps {
|
||||
initialName?: string;
|
||||
onSuccess: () => void;
|
||||
onCancel?: () => void;
|
||||
onSkip?: () => void;
|
||||
isOnboarding?: boolean;
|
||||
}
|
||||
|
||||
@@ -66,6 +67,7 @@ export const NewIntegrationForm = ({
|
||||
initialName,
|
||||
onSuccess,
|
||||
onCancel,
|
||||
onSkip,
|
||||
isOnboarding = false,
|
||||
}: NewIntegrationFormProps) => {
|
||||
const t = useI18n();
|
||||
@@ -215,6 +217,11 @@ export const NewIntegrationForm = ({
|
||||
{t("common.action.backToOverview")}
|
||||
</Button>
|
||||
)}
|
||||
{onSkip && (
|
||||
<Button variant="subtle" onClick={onSkip}>
|
||||
{t("common.action.skip")}
|
||||
</Button>
|
||||
)}
|
||||
<Button type="submit" loading={isPending}>
|
||||
{t("integration.testConnection.action.create")}
|
||||
</Button>
|
||||
|
||||
@@ -1109,6 +1109,7 @@
|
||||
"add": "Add",
|
||||
"apply": "Apply",
|
||||
"backToOverview": "Back to overview",
|
||||
"skip": "Skip",
|
||||
"change": "Change",
|
||||
"create": "Create",
|
||||
"createAnother": "Create and start over",
|
||||
|
||||
Reference in new issue
Block a user