1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-05-08 01:15:49 +02:00

fix: small UI fixes to the clone environment modal (#2290)

fix: small UI fixes to the environment modal
This commit is contained in:
Nuno Góis 2022-10-28 16:05:27 +01:00 committed by GitHub
parent 7e03fba6cd
commit 09cb61c719
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -320,7 +320,7 @@ export const EnvironmentCloneModal = ({
<FormControlLabel <FormControlLabel
value={APITokenGeneration.LATER} value={APITokenGeneration.LATER}
control={<Radio />} control={<Radio />}
label="Generate an API token later" label="I want to generate an API token later"
/> />
<FormControlLabel <FormControlLabel
value={APITokenGeneration.NOW} value={APITokenGeneration.NOW}
@ -329,35 +329,39 @@ export const EnvironmentCloneModal = ({
/> />
</RadioGroup> </RadioGroup>
</FormControl> </FormControl>
<ConditionallyRender <StyledInlineContainer>
condition={ <StyledInputSecondaryDescription>
apiTokenGeneration === A new Server-side SDK (CLIENT) API token
APITokenGeneration.NOW will be generated for the cloned
} environment, so you can get started right
show={ away.
<StyledInlineContainer> </StyledInputSecondaryDescription>
<StyledInputSecondaryDescription> <ConditionallyRender
A new Server-side SDK (CLIENT) API condition={
token will be generated for the apiTokenGeneration ===
cloned environment, so you can get APITokenGeneration.NOW
started right away. }
</StyledInputSecondaryDescription> show={
<StyledInputDescription> <>
Which projects do you want this <StyledInputDescription>
token to give access to? Which projects do you want this
</StyledInputDescription> token to give access to?
<SelectProjectInput </StyledInputDescription>
options={selectableProjects} <SelectProjectInput
defaultValue={tokenProjects} options={selectableProjects}
onChange={setTokenProjects} defaultValue={tokenProjects}
error={errors.projects} onChange={setTokenProjects}
onFocus={() => error={errors.projects}
clearError(ErrorField.PROJECTS) onFocus={() =>
} clearError(
/> ErrorField.PROJECTS
</StyledInlineContainer> )
} }
/> />
</>
}
/>
</StyledInlineContainer>
</StyledSecondaryContainer> </StyledSecondaryContainer>
</div> </div>