diff --git a/app/javascript/flavours/glitch/features/account_edit/modals/image_alt.tsx b/app/javascript/flavours/glitch/features/account_edit/modals/image_alt.tsx index dce50b8999..b35704db1e 100644 --- a/app/javascript/flavours/glitch/features/account_edit/modals/image_alt.tsx +++ b/app/javascript/flavours/glitch/features/account_edit/modals/image_alt.tsx @@ -3,6 +3,7 @@ import { useCallback, useState } from 'react'; import { FormattedMessage } from 'react-intl'; +import { CharacterCounter } from '@/flavours/glitch/components/character_counter'; import { Details } from '@/flavours/glitch/components/details'; import { TextAreaField } from '@/flavours/glitch/components/form_fields'; import { LoadingIndicator } from '@/flavours/glitch/components/loading_indicator'; @@ -84,7 +85,12 @@ export const ImageAltTextField: FC<{ const altLimit = useAppSelector( (state) => state.server.getIn( - ['server', 'configuration', 'media_attachments', 'description_limit'], + [ + 'server', + 'configuration', + 'accounts', + 'max_header_description_length', + ], 150, ) as number, ); @@ -100,23 +106,26 @@ export const ImageAltTextField: FC<{ <> - - } - hint={ - - } - onChange={handleChange} - value={altText} - maxLength={altLimit} - /> +
+ + } + hint={ + + } + onChange={handleChange} + value={altText} + maxLength={altLimit} + /> + +
{!hideTip && (