TAC: Fix CSS & component typos (matrix-org#12333)

* Fix CSS & component typo * Update snapshots
weeman1337 · Mar 11, 2024 · 753fc2d · 753fc2d
1 parent 431ae32
commit 753fc2d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/res/css/structures/_ThreadsActivityCentre.pcss b/res/css/structures/_ThreadsActivityCentre.pcss
@@ -62,12 +62,12 @@
     }
 }
 
-.mx_ThreadsActivity_rows {
+.mx_ThreadsActivityCentre_rows {
     overflow-y: scroll;
     /* Let some space at the top and the bottom of the pop-up */
     max-height: calc(100vh - 200px);
 
-    .mx_ThreadsActivityRow {
+    .mx_ThreadsActivityCentreRow {
         height: 48px;
 
         /* Make the label of the MenuItem stay on one line and truncate with ellipsis if needed */

diff --git a/src/components/views/spaces/threads-activity-centre/ThreadsActivityCentre.tsx b/src/components/views/spaces/threads-activity-centre/ThreadsActivityCentre.tsx
@@ -84,9 +84,9 @@ export function ThreadsActivityCentre({ displayButtonLabel }: ThreadsActivityCen
                 }
             >
                 {/* Make the content of the pop-up scrollable */}
-                <div className="mx_ThreadsActivity_rows">
+                <div className="mx_ThreadsActivityCentre_rows">
                     {roomsAndNotifications.rooms.map(({ room, notificationLevel }) => (
-                        <ThreadsActivityRow
+                        <ThreadsActivityCentreRow
                             key={room.roomId}
                             room={room}
                             notificationLevel={notificationLevel}
@@ -122,10 +122,10 @@ interface ThreadsActivityRow {
 /**
  * Display a room with unread threads.
  */
-function ThreadsActivityRow({ room, onClick, notificationLevel }: ThreadsActivityRow): JSX.Element {
+function ThreadsActivityCentreRow({ room, onClick, notificationLevel }: ThreadsActivityRow): JSX.Element {
     return (
         <MenuItem
-            className="mx_ThreadsActivityRow"
+            className="mx_ThreadsActivityCentreRow"
             onSelect={(event: Event) => {
                 onClick();
 

diff --git a/test/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap b/test/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
@@ -23,10 +23,10 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
     Threads activity
   </h3>
   <div
-    class="mx_ThreadsActivity_rows"
+    class="mx_ThreadsActivityCentre_rows"
   >
     <button
-      class="mx_ThreadsActivityRow _item_1gwvj_17 _interactive_1gwvj_36"
+      class="mx_ThreadsActivityCentreRow _item_1gwvj_17 _interactive_1gwvj_36"
       data-kind="primary"
       data-orientation="vertical"
       data-radix-collection-item=""
@@ -74,7 +74,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
       </div>
     </button>
     <button
-      class="mx_ThreadsActivityRow _item_1gwvj_17 _interactive_1gwvj_36"
+      class="mx_ThreadsActivityCentreRow _item_1gwvj_17 _interactive_1gwvj_36"
       data-kind="primary"
       data-orientation="vertical"
       data-radix-collection-item=""
@@ -148,7 +148,7 @@ exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
     Threads activity
   </h3>
   <div
-    class="mx_ThreadsActivity_rows"
+    class="mx_ThreadsActivityCentre_rows"
   >
     <div
       class="mx_ThreadsActivityCentre_emptyCaption"