in packages/react/src/components/Setup/ProfileSelection.tsx [65:111]
id: String(index)
}))
);
}, []);
const actionButton = useMemo(
() => (
<div>
{isSubmitting && <Spinner />}
<Button variant="link" formAction="none" onClick={() => history.goBack()} disabled={isSubmitting}>
Cancel
</Button>
<Button id="next-btn" variant="primary" formAction="submit" disabled={isSubmitting}>
{buttonText}
</Button>
</div>
),
[buttonText, history, isSubmitting]
);
const onSelectProfile = useCallback(([e]) => {
setProfiles(e.detail.selectedOption);
return e.detail.selectedOption.label;
}, []);
const onSelectTargetFramework = useCallback(([e]) => {
setTargetFramework(e.detail.selectedOption);
return e.detail.selectedOption;
}, []);
const onCheckbox = useCallback(([e]) => {
return e.detail.checked;
}, []);
const onAddProfile = useCallback(
(profileName: string) => {
const newProfileOption = { label: profileName, id: String(profileOptions.length) };
setProfileOptions([...profileOptions, newProfileOption]);
},
[profileOptions]
);
return (
<div>
<form
onSubmit={handleSubmit(async data => {
if (await window.electron.verifyUser(data.profileSelection)) {