From e326a567c48b179f38e6a1e057556eaea174343a Mon Sep 17 00:00:00 2001
From: Misty De Meo <mistydemeo@gmail.com>
Date: Sun, 14 Dec 2025 16:26:23 -0800
Subject: [PATCH] frontend: restore minor bits of formatting to upstream

These were slightly altered during the merge; keeping them exactly
the same as upstream ensures that future merges will go cleaner.
---
 .../mastodon/components/media_gallery.jsx     | 26 +++++++++----------
 .../compose/components/reply_indicator.jsx    |  4 +--
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/app/javascript/mastodon/components/media_gallery.jsx b/app/javascript/mastodon/components/media_gallery.jsx
index f6801ec4a..a28ab2639 100644
--- a/app/javascript/mastodon/components/media_gallery.jsx
+++ b/app/javascript/mastodon/components/media_gallery.jsx
@@ -60,7 +60,7 @@ class Item extends PureComponent {
     return this.props.autoplay || autoPlayGif;
   }
 
-  hoverToPlay() {
+  hoverToPlay () {
     const { attachment } = this.props;
     return !this.getAutoPlay() && ['gifv', 'video'].includes(attachment.get('type'));
   }
@@ -93,7 +93,7 @@ class Item extends PureComponent {
 
     let badges = [], thumbnail;
 
-    let width = 50;
+    let width  = 50;
     let height = 100;
 
     if (size === 1) {
@@ -130,25 +130,25 @@ class Item extends PureComponent {
         </div>
       );
     } else if (attachment.get('type') === 'image') {
-      const previewUrl = attachment.get('preview_url');
+      const previewUrl   = attachment.get('preview_url');
       const previewWidth = attachment.getIn(['meta', 'small', 'width']);
 
-      const originalUrl = attachment.get('url');
+      const originalUrl   = attachment.get('url');
       const originalWidth = attachment.getIn(['meta', 'original', 'width']);
 
       const hasSize = typeof originalWidth === 'number' && typeof previewWidth === 'number';
 
       const srcSet = hasSize ? `${originalUrl} ${originalWidth}w, ${previewUrl} ${previewWidth}w` : null;
-      const sizes = hasSize && (displayWidth > 0) ? `${displayWidth * (width / 100)}px` : null;
+      const sizes  = hasSize && (displayWidth > 0) ? `${displayWidth * (width / 100)}px` : null;
 
       const focusX = attachment.getIn(['meta', 'focus', 'x']) || 0;
       const focusY = attachment.getIn(['meta', 'focus', 'y']) || 0;
-      const x = ((focusX / 2) + .5) * 100;
-      const y = ((focusY / -2) + .5) * 100;
+      const x      = ((focusX /  2) + .5) * 100;
+      const y      = ((focusY / -2) + .5) * 100;
 
       thumbnail = (
         <a
-          className={classNames("media-gallery__item-thumbnail", { "media-missing-description": !hasMediaDescription })}
+          className={classNames('media-gallery__item-thumbnail', { "media-missing-description": !hasMediaDescription })}
           href={attachment.get('remote_url') || originalUrl}
           onClick={this.handleClick}
           target='_blank'
@@ -179,7 +179,7 @@ class Item extends PureComponent {
       thumbnail = (
         <div className={classNames('media-gallery__gifv', { autoplay: autoPlay })}>
           <video
-            className={classNames("media-gallery__item-gifv-thumbnail", { "media-missing-description": !hasMediaDescription })}
+            className={classNames('media-gallery__item-gifv-thumbnail', { "media-missing-description": !hasMediaDescription })}
             aria-label={description}
             lang={lang}
             role='application'
@@ -242,15 +242,15 @@ class MediaGallery extends PureComponent {
     width: this.props.defaultWidth,
   };
 
-  componentDidMount() {
+  componentDidMount () {
     window.addEventListener('resize', this.handleResize, { passive: true });
   }
 
-  componentWillUnmount() {
+  componentWillUnmount () {
     window.removeEventListener('resize', this.handleResize);
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps (nextProps) {
     if (!is(nextProps.media, this.props.media) && nextProps.visible === undefined) {
       this.setState({ visible: displayMedia !== 'hide_all' && !nextProps.sensitive || displayMedia === 'show_all' });
     } else if (!is(nextProps.visible, this.props.visible) && nextProps.visible !== undefined) {
@@ -286,7 +286,7 @@ class MediaGallery extends PureComponent {
     }
   };
 
-  _setDimensions() {
+  _setDimensions () {
     const width = this.node.offsetWidth;
 
     // offsetWidth triggers a layout, so only calculate when we need to
diff --git a/app/javascript/mastodon/features/compose/components/reply_indicator.jsx b/app/javascript/mastodon/features/compose/components/reply_indicator.jsx
index 1023b5448..e746fe6a6 100644
--- a/app/javascript/mastodon/features/compose/components/reply_indicator.jsx
+++ b/app/javascript/mastodon/features/compose/components/reply_indicator.jsx
@@ -1,9 +1,9 @@
 import { FormattedMessage } from 'react-intl';
 
-import { useSelector } from 'react-redux';
-
 import { Link } from 'react-router-dom';
 
+import { useSelector } from 'react-redux';
+
 import BarChart4BarsIcon from '@/material-icons/400-24px/bar_chart_4_bars.svg?react';
 import PhotoLibraryIcon from '@/material-icons/400-24px/photo_library.svg?react';
 import { Avatar } from 'mastodon/components/avatar';