From d610336398906b91e83502a8d5ec3e3ad535203f Mon Sep 17 00:00:00 2001
From: Echo <ChaosExAnima@users.noreply.github.com>
Date: Wed, 25 Mar 2026 16:31:58 +0100
Subject: [PATCH] [Glitch] Profile editing: Re-adds the character counter with
 the new limit

Port 61e0ec8844e4bef17135ac00ee1df2b73b14b86e to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../account_edit/modals/image_alt.tsx         | 45 +++++++++++--------
 1 file changed, 27 insertions(+), 18 deletions(-)

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<{
     <>
       <img src={imageSrc} alt='' className={classes.altImage} />
 
-      <TextAreaField
-        label={
-          <FormattedMessage
-            id='account_edit.image_alt_modal.text_label'
-            defaultMessage='Alt text'
-          />
-        }
-        hint={
-          <FormattedMessage
-            id='account_edit.image_alt_modal.text_hint'
-            defaultMessage='Alt text helps screen reader users to understand your content.'
-          />
-        }
-        onChange={handleChange}
-        value={altText}
-        maxLength={altLimit}
-      />
+      <div>
+        <TextAreaField
+          label={
+            <FormattedMessage
+              id='account_edit.image_alt_modal.text_label'
+              defaultMessage='Alt text'
+            />
+          }
+          hint={
+            <FormattedMessage
+              id='account_edit.image_alt_modal.text_hint'
+              defaultMessage='Alt text helps screen reader users to understand your content.'
+            />
+          }
+          onChange={handleChange}
+          value={altText}
+          maxLength={altLimit}
+        />
+        <CharacterCounter currentString={altText} maxLength={altLimit} />
+      </div>
 
       {!hideTip && (
         <Details