UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2025-02-01 23:23:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #466 from Hexastack/457-issue-content-add-edit-dialogs-are-missing-autofocus
Some checks are pending
Build and Push Docker API Image / build-and-push (push) Waiting to run
Details
Build and Push Docker Base Image / build-and-push (push) Waiting to run
Details
Build and Push Docker NLU Image / build-and-push (push) Waiting to run
Details
Build and Push Docker UI Image / build-and-push (push) Waiting to run
Details

Browse Source 
fix(frontend): add missing autofocus for content add edit dialogs
This commit is contained in:
Med Marrouchi 2024-12-20 07:50:19 +01:00 committed by GitHub
commit 5d5dbda90c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/contents/ContentDialog.tsx
View File

@ -53,12 +53,14 @@ interface ContentFieldInput {
[key: string]: any;
}
>;
idx: number;
}
const ContentFieldInput: React.FC<ContentFieldInput> = ({
contentField: contentField,
field,
errors,
idx,
}) => {
const { t } = useTranslate();
@ -68,6 +70,7 @@ const ContentFieldInput: React.FC<ContentFieldInput> = ({
case ContentFieldType.URL:
return (
<Input
autoFocus={idx === 0}
multiline={contentField.type === ContentFieldType.TEXTAREA}
rows={contentField.type === ContentFieldType.TEXTAREA ? 5 : 1}
label={t(`label.${contentField.name}`, {
@ -225,7 +228,7 @@ export const ContentDialog: FC<ContentDialogProps> = ({
</DialogTitle>
<DialogContent>
<ContentContainer>
{(contentType?.fields || []).map((contentField) => (
{(contentType?.fields || []).map((contentField, index) => (
<ContentItem key={contentField.name}>
<Controller
name={contentField.name}
@ -248,6 +251,7 @@ export const ContentDialog: FC<ContentDialogProps> = ({
contentField={contentField}
field={field}
errors={errors}
idx={index}
/>
</FormControl>
)}