Focus group description input when editing it

This commit is contained in:
Josh Perez 2021-06-02 20:07:37 -04:00 committed by GitHub
parent c986a1c644
commit 66d9bb8418
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 52 additions and 25 deletions

View file

@ -25,6 +25,7 @@ const TEMPORARY_AVATAR_VALUE = new ArrayBuffer(0);
type PropsType = {
avatarPath?: string;
focusDescription?: boolean;
groupDescription?: string;
i18n: LocalizerType;
makeRequest: (
@ -39,8 +40,15 @@ type PropsType = {
title: string;
};
function focusRef(el: HTMLElement | null) {
if (el) {
el.focus();
}
}
export const EditConversationAttributesModal: FunctionComponent<PropsType> = ({
avatarPath: externalAvatarPath,
focusDescription = false,
groupDescription: externalGroupDescription = '',
i18n,
makeRequest,
@ -156,6 +164,7 @@ export const EditConversationAttributesModal: FunctionComponent<PropsType> = ({
disabled={isRequestActive}
i18n={i18n}
onChangeValue={setRawTitle}
ref={!focusDescription ? focusRef : undefined}
value={rawTitle}
/>
@ -163,6 +172,7 @@ export const EditConversationAttributesModal: FunctionComponent<PropsType> = ({
disabled={isRequestActive}
i18n={i18n}
onChangeValue={setRawGroupDescription}
ref={focusDescription ? focusRef : undefined}
value={rawGroupDescription}
/>