From 68a2b592bfce371b4b1276b0b148b22b010b3801 Mon Sep 17 00:00:00 2001
From: diondiondion <mail@diondiondion.com>
Date: Wed, 8 Apr 2026 14:21:07 +0200
Subject: [PATCH] [Glitch] Rename CSS classes for profile redesign

Port df64716b3407cc423cd261126350ed238206febd to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../components/account_header.tsx             | 32 +++++++------------
 .../components/account_name.tsx               |  2 +-
 .../components/account_subscription_form.tsx  |  2 +-
 .../account_timeline/components/fields.tsx    |  2 +-
 .../account_timeline/components/menu.tsx      |  6 ++--
 .../account_timeline/components/note.tsx      |  2 +-
 ...edesign.module.scss => styles.module.scss} |  0
 .../account_timeline/components/tabs.tsx      |  2 +-
 8 files changed, 19 insertions(+), 29 deletions(-)
 rename app/javascript/flavours/glitch/features/account_timeline/components/{redesign.module.scss => styles.module.scss} (100%)

diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/account_header.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/account_header.tsx
index 67aa62af78..8300dfb371 100644
--- a/app/javascript/flavours/glitch/features/account_timeline/components/account_header.tsx
+++ b/app/javascript/flavours/glitch/features/account_timeline/components/account_header.tsx
@@ -28,9 +28,9 @@ import { AccountHeaderFields } from './fields';
 import { AccountInfo } from './info';
 import { MemorialNote } from './memorial_note';
 import { MovedNote } from './moved_note';
-import { AccountNote as AccountNoteRedesign } from './note';
+import { AccountNote } from './note';
 import { AccountNumberFields } from './number_fields';
-import redesignClasses from './redesign.module.scss';
+import classes from './styles.module.scss';
 import { AccountTabs } from './tabs';
 
 const titleFromAccount = (account: Account) => {
@@ -112,12 +112,7 @@ export const AccountHeader: React.FC<{
           <FollowRequestNoteContainer account={account} />
         )}
 
-        <div
-          className={classNames(
-            'account__header__image',
-            redesignClasses.header,
-          )}
-        >
+        <div className={classNames('account__header__image', classes.header)}>
           {me !== account.id && relationship && (
             <AccountInfo relationship={relationship} />
           )}
@@ -131,16 +126,11 @@ export const AccountHeader: React.FC<{
           )}
         </div>
 
-        <div
-          className={classNames(
-            'account__header__bar',
-            redesignClasses.barWrapper,
-          )}
-        >
+        <div className={classNames('account__header__bar', classes.barWrapper)}>
           <div
             className={classNames(
               'account__header__tabs',
-              redesignClasses.avatarWrapper,
+              classes.avatarWrapper,
             )}
           >
             <a
@@ -161,13 +151,13 @@ export const AccountHeader: React.FC<{
           <div
             className={classNames(
               'account__header__tabs__name',
-              redesignClasses.displayNameWrapper,
+              classes.displayNameWrapper,
             )}
           >
             <AccountName accountId={accountId} />
             <AccountButtons
               accountId={accountId}
-              className={redesignClasses.buttonsDesktop}
+              className={classes.buttonsDesktop}
               noShare={!isMe || 'share' in navigator}
               forceMenu={'share' in navigator}
             />
@@ -185,7 +175,7 @@ export const AccountHeader: React.FC<{
             <div className='account__header__extra'>
               <div className='account__header__bio'>
                 {me && account.id !== me && (
-                  <AccountNoteRedesign accountId={accountId} />
+                  <AccountNote accountId={accountId} />
                 )}
 
                 <AccountBio
@@ -193,7 +183,7 @@ export const AccountHeader: React.FC<{
                   accountId={accountId}
                   className={classNames(
                     'account__header__content',
-                    redesignClasses.bio,
+                    classes.bio,
                   )}
                 />
 
@@ -208,8 +198,8 @@ export const AccountHeader: React.FC<{
 
           <AccountButtons
             className={classNames(
-              redesignClasses.buttonsMobile,
-              !isIntersecting && redesignClasses.buttonsMobileIsStuck,
+              classes.buttonsMobile,
+              !isIntersecting && classes.buttonsMobileIsStuck,
             )}
             accountId={accountId}
             noShare
diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/account_name.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/account_name.tsx
index 5df7c8825b..b80892881b 100644
--- a/app/javascript/flavours/glitch/features/account_timeline/components/account_name.tsx
+++ b/app/javascript/flavours/glitch/features/account_timeline/components/account_name.tsx
@@ -21,7 +21,7 @@ import ContentCopyIcon from '@/material-icons/400-24px/content_copy.svg?react';
 import HelpIcon from '@/material-icons/400-24px/help.svg?react';
 import DomainIcon from '@/material-icons/400-24px/language.svg?react';
 
-import classes from './redesign.module.scss';
+import classes from './styles.module.scss';
 
 const messages = defineMessages({
   lockedInfo: {
diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/account_subscription_form.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/account_subscription_form.tsx
index 7e41f71a94..aaea6d710a 100644
--- a/app/javascript/flavours/glitch/features/account_timeline/components/account_subscription_form.tsx
+++ b/app/javascript/flavours/glitch/features/account_timeline/components/account_subscription_form.tsx
@@ -18,7 +18,7 @@ import type { FieldStatus } from 'flavours/glitch/components/form_fields';
 import { TextInputField } from 'flavours/glitch/components/form_fields/text_input_field';
 import { useAppSelector } from 'flavours/glitch/store';
 
-import classes from './redesign.module.scss';
+import classes from './styles.module.scss';
 
 const messages = defineMessages({
   emailInvalid: {
diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/fields.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/fields.tsx
index d966492620..134eab1308 100644
--- a/app/javascript/flavours/glitch/features/account_timeline/components/fields.tsx
+++ b/app/javascript/flavours/glitch/features/account_timeline/components/fields.tsx
@@ -23,7 +23,7 @@ import { cleanExtraEmojis } from '../../emoji/normalize';
 import type { AccountField } from '../common';
 import { useFieldHtml } from '../hooks/useFieldHtml';
 
-import classes from './redesign.module.scss';
+import classes from './styles.module.scss';
 
 const verifyMessage = defineMessage({
   id: 'account.link_verified_on',
diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/menu.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/menu.tsx
index 18b0b53890..af36379f4f 100644
--- a/app/javascript/flavours/glitch/features/account_timeline/components/menu.tsx
+++ b/app/javascript/flavours/glitch/features/account_timeline/components/menu.tsx
@@ -43,7 +43,7 @@ import PersonRemoveIcon from '@/material-icons/400-24px/person_remove.svg?react'
 import ReportIcon from '@/material-icons/400-24px/report.svg?react';
 import ShareIcon from '@/material-icons/400-24px/share.svg?react';
 
-import classes from './redesign.module.scss';
+import classes from './styles.module.scss';
 
 export const AccountMenu: FC<{ accountId: string }> = ({ accountId }) => {
   const intl = useIntl();
@@ -64,7 +64,7 @@ export const AccountMenu: FC<{ accountId: string }> = ({ accountId }) => {
       return [];
     }
 
-    return redesignMenuItems({
+    return getMenuItems({
       account,
       signedIn: !isMe && signedIn,
       permissions,
@@ -226,7 +226,7 @@ const redesignMessages = defineMessages({
   },
 });
 
-function redesignMenuItems({
+function getMenuItems({
   account,
   signedIn,
   permissions,
diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/note.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/note.tsx
index 67a6da3030..80beea8049 100644
--- a/app/javascript/flavours/glitch/features/account_timeline/components/note.tsx
+++ b/app/javascript/flavours/glitch/features/account_timeline/components/note.tsx
@@ -10,7 +10,7 @@ import { IconButton } from '@/flavours/glitch/components/icon_button';
 import { useAppDispatch, useAppSelector } from '@/flavours/glitch/store';
 import EditIcon from '@/material-icons/400-24px/edit_square.svg?react';
 
-import classes from './redesign.module.scss';
+import classes from './styles.module.scss';
 
 const messages = defineMessages({
   title: {
diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/redesign.module.scss b/app/javascript/flavours/glitch/features/account_timeline/components/styles.module.scss
similarity index 100%
rename from app/javascript/flavours/glitch/features/account_timeline/components/redesign.module.scss
rename to app/javascript/flavours/glitch/features/account_timeline/components/styles.module.scss
diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/tabs.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/tabs.tsx
index d37c5db812..3f95ce6420 100644
--- a/app/javascript/flavours/glitch/features/account_timeline/components/tabs.tsx
+++ b/app/javascript/flavours/glitch/features/account_timeline/components/tabs.tsx
@@ -10,7 +10,7 @@ import { useAccountId } from '@/flavours/glitch/hooks/useAccountId';
 
 import { areCollectionsEnabled } from '../../collections/utils';
 
-import classes from './redesign.module.scss';
+import classes from './styles.module.scss';
 
 const isActive: Required<NavLinkProps>['isActive'] = (match, location) =>
   match?.url === location.pathname ||