Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-27 21:39:16 -05:00
Code Issues Activity

fix(console): protected app form field background should exclude error message (#5379)

Browse source
This commit is contained in:
Charles Zhao 2024-02-05 10:46:58 +08:00 • committed by GitHub
parent d2fc3fd916
commit 265901f1b8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/console/src/ds-components/TextInput/index.tsx
View file

@ -30,6 +30,7 @@ type Props = Omit<HTMLProps<HTMLInputElement>, 'size'> & {
// eslint-disable-next-line react/boolean-prop-naming // eslint-disable-next-line react/boolean-prop-naming
alwaysShowSuffix?: boolean; alwaysShowSuffix?: boolean;
isConfidential?: boolean; isConfidential?: boolean;
inputContainerClassName?: string;
}; };
function TextInput( function TextInput(
@ -43,6 +44,7 @@ function TextInput(
readOnly, readOnly,
type = 'text', type = 'text',
isConfidential = false, isConfidential = false,
inputContainerClassName,
...rest ...rest
}: Props, }: Props,
reference: Ref<Nullable<HTMLInputElement>> reference: Ref<Nullable<HTMLInputElement>>
@ -96,7 +98,8 @@ function TextInput(
isConfidential && isContentHidden && type === 'text' && styles.hideTextContainerContent, isConfidential && isContentHidden && type === 'text' && styles.hideTextContainerContent,
icon && styles.withIcon, icon && styles.withIcon,
disabled && styles.disabled, disabled && styles.disabled,
readOnly && styles.readOnly readOnly && styles.readOnly,
inputContainerClassName
)} )}
> >
{icon && <span className={styles.icon}>{icon}</span>} {icon && <span className={styles.icon}>{icon}</span>}

2
packages/console/src/pages/Applications/components/ProtectedAppForm/index.tsx
View file

@ -120,7 +120,7 @@ function ProtectedAppForm({
tip={conditional(!hasDetailedInstructions && t('protected_app.form.url_field_tooltip'))} tip={conditional(!hasDetailedInstructions && t('protected_app.form.url_field_tooltip'))}
> >
<TextInput <TextInput
className={styles.input} inputContainerClassName={styles.input}
{...register('origin', { {...register('origin', {
required: true, required: true,
validate: (value) => validate: (value) =>