Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-30 20:33:54 -05:00
Code Issues Activity

fix(console): fix code edtior set undefined value bug (#5499)

Browse source 
fix the code editor set undefined value bug
This commit is contained in:
simeng-li 2024-03-14 10:50:30 +08:00 committed by GitHub
parent abb2c9f649
commit e95a04619b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/console/src/pages/JwtClaims/MonacoCodeEditor/index.tsx
View file

@ -155,7 +155,8 @@ function MonacoCodeEditor({
path={activeModel.name}
theme="logto-dark"
options={defaultOptions}
value={value ?? activeModel.defaultValue}
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- empty string is falsy
value={value || activeModel.defaultValue}
beforeMount={handleEditorWillMount}
onMount={handleEditorDidMount}
onChange={onChange}

5
packages/console/src/pages/JwtClaims/ScriptSection.tsx
View file

@ -57,11 +57,12 @@ function ScriptSection() {
onChange={(newValue) => {
// If the value is the same as the default code and the original form script value is undefined, reset the value to undefined as well
if (newValue === activeModel.defaultValue && !defaultValues?.script) {
onChange();
onChange('');
return;
}
onChange(newValue);
// Input value should not be undefined for react-hook-form @see https://react-hook-form.com/docs/usecontroller/controller
onChange(newValue ?? '');
}}
onMountHandler={onMountHandler}
/>

5
packages/console/src/pages/JwtClaims/utils.ts
View file

@ -31,7 +31,7 @@ export const formatResponseDataToFormData = <T extends LogtoJwtTokenPath>(
: ClientCredentialsJwtCustomizer
): JwtClaimsFormType => {
return {
script: data?.script,
script: data?.script ?? '', // React-hook-form won't mutate the value if it's undefined
tokenType,
environmentVariables: formatEnvVariablesResponseToFormData(data?.envVars) ?? [
{ key: '', value: '' },
@ -71,7 +71,8 @@ const formatSampleCodeStringToJson = (sampleCode?: string) => {
export const formatFormDataToRequestData = (data: JwtClaimsFormType) => {
return {
script: data.script,
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- parse empty string as undefined
script: data.script || undefined,
envVars: formatEnvVariablesFormData(data.environmentVariables),
tokenSample: formatSampleCodeStringToJson(data.testSample?.tokenSample),
// Technically, contextSample is always undefined for client credentials token type