Merge commit 'c85e0a6b047f1a72ad970bc04c4e1be3f028b3d1' into glitch-soc/merge-upstream

Conflicts:
- `app/javascript/packs/admin.jsx`:
  Upstream fixed `@rails/ujs` imports.
  Already taken care of in 8a131fb7bc
- `app/javascript/packs/public.jsx`:
  Upstream fixed `@rails/ujs` imports.
  Already taken care of in 8a131fb7bc

app/javascript/mastodon/components/column_back_button.jsx

@@ -11,7 +11,7 @@ import { ReactComponent as ArrowBackIcon } from '@material-symbols/svg-600/outli
 import { Icon }  from 'mastodon/components/icon';
 import { WithRouterPropTypes } from 'mastodon/utils/react_router';
 
-class ColumnBackButton extends PureComponent {
+export class ColumnBackButton extends PureComponent {
 
   static propTypes = {
     multiColumn: PropTypes.bool,

app/javascript/mastodon/components/column_back_button_slim.jsx

@@ -4,10 +4,9 @@ import { ReactComponent as ArrowBackIcon } from '@material-symbols/svg-600/outli
 
 import { Icon }  from 'mastodon/components/icon';
 
-import ColumnBackButton from './column_back_button';
+import { ColumnBackButton } from './column_back_button';
 
 export default class ColumnBackButtonSlim extends ColumnBackButton {
-
   render () {
     return (
       <div className='column-back-button--slim'>
@@ -18,5 +17,4 @@ export default class ColumnBackButtonSlim extends ColumnBackButton {
       </div>
     );
   }
-
 }

app/javascript/mastodon/components/icon.tsx

@@ -25,7 +25,9 @@ export const Icon: React.FC<Props> = ({
   // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
   if (!IconComponent) {
     if (process.env.NODE_ENV !== 'production') {
-      throw new Error(`<Icon id="${id}"> is missing an "icon" prop.`);
+      throw new Error(
+        `<Icon id="${id}" className="${className}"> is missing an "icon" prop.`,
+      );
     }
 
     IconComponent = CheckBoxOutlineBlankIcon;

app/javascript/mastodon/features/follow_requests/index.jsx

@@ -8,6 +8,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { connect } from 'react-redux';
 
+import { ReactComponent as PersonAddIcon } from '@material-symbols/svg-600/outlined/person_add.svg';
 import { debounce } from 'lodash';
 
 import { fetchFollowRequests, expandFollowRequests } from '../../actions/accounts';
@@ -67,7 +68,7 @@ class FollowRequests extends ImmutablePureComponent {
     );
 
     return (
-      <Column bindToDocument={!multiColumn} icon='user-plus' heading={intl.formatMessage(messages.heading)}>
+      <Column bindToDocument={!multiColumn} icon='user-plus' iconComponent={PersonAddIcon} heading={intl.formatMessage(messages.heading)}>
         <ColumnBackButtonSlim />
         <ScrollableList
           scrollKey='follow_requests'

app/javascript/mastodon/features/ui/components/column_header.jsx

@@ -9,6 +9,7 @@ export default class ColumnHeader extends PureComponent {
 
   static propTypes = {
     icon: PropTypes.string,
+    iconComponent: PropTypes.func,
     type: PropTypes.string,
     active: PropTypes.bool,
     onClick: PropTypes.func,
@@ -20,11 +21,11 @@ export default class ColumnHeader extends PureComponent {
   };
 
   render () {
-    const { icon, type, active, columnHeaderId } = this.props;
+    const { icon, iconComponent, type, active, columnHeaderId } = this.props;
     let iconElement = '';
 
     if (icon) {
-      iconElement = <Icon id={icon} className='column-header__icon' />;
+      iconElement = <Icon id={icon} icon={iconComponent} className='column-header__icon' />;
     }
 
     return (

app/javascript/mastodon/locales/ko.json

@@ -590,7 +590,7 @@
   "search.quick_action.open_url": "마스토돈에서 URL 열기",
   "search.quick_action.status_search": "{x}에 맞는 게시물",
   "search.search_or_paste": "검색하거나 URL 붙여넣기",
-  "search_popout.full_text_search_disabled_message": "{domain}에서는 쓸 수 없습니다.",
+  "search_popout.full_text_search_disabled_message": "{domain}에서는 사용할 수 없습니다.",
   "search_popout.language_code": "ISO 언어코드",
   "search_popout.options": "검색 옵션",
   "search_popout.quick_actions": "빠른 작업",