Fix: アイコンのエラー、一部公開範囲が選択できない問題、サークルアイコン変更 (#190)

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

@@ -9,6 +9,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 
+import { ReactComponent as CirclesIcon } from '@material-symbols/svg-600/outlined/account_circle-fill.svg';
 import { ReactComponent as CircleIcon } from '@material-symbols/svg-600/outlined/account_circle.svg';
 
 import { fetchCircles, deleteCircle } from 'mastodon/actions/circles';
@@ -96,7 +97,7 @@ class Circles extends ImmutablePureComponent {
 
     return (
       <Column bindToDocument={!multiColumn} label={intl.formatMessage(messages.heading)}>
-        <ColumnHeader title={intl.formatMessage(messages.heading)} icon='user-circle' iconComponent={CircleIcon} multiColumn={multiColumn} />
+        <ColumnHeader title={intl.formatMessage(messages.heading)} icon='user-circle' iconComponent={CirclesIcon} multiColumn={multiColumn} />
 
         <NewCircleForm />
 

app/javascript/mastodon/features/compose/components/privacy_dropdown.jsx

@@ -249,6 +249,13 @@ class PrivacyDropdown extends PureComponent {
       { icon: 'exchange', iconComponent: MutualIcon, value: 'mutual', text: formatMessage(messages.mutual_short), meta: formatMessage(messages.mutual_long) },
       { icon: 'user-circle', iconComponent: CircleIcon, value: 'circle', text: formatMessage(messages.circle_short), meta: formatMessage(messages.circle_long) },
     ];
+
+    if (!this.props.noDirect) {
+      this.options.push(
+        { icon: 'at', iconComponent: AlternateEmailIcon, value: 'direct', text: formatMessage(messages.direct_short), meta: formatMessage(messages.direct_long) },
+      );
+    }
+
     this.selectableOptions = [...this.options];
 
     if (!enableLoginPrivacy) {
@@ -258,12 +265,6 @@ class PrivacyDropdown extends PureComponent {
     if (!enableLocalPrivacy) {
       this.selectableOptions = this.selectableOptions.filter((opt) => opt.value !== 'public_unlisted');
     }
-
-    if (!this.props.noDirect) {
-      this.options.push(
-        { icon: 'at', iconComponent: AlternateEmailIcon, value: 'direct', text: formatMessage(messages.direct_short), meta: formatMessage(messages.direct_long) },
-      );
-    }
   }
 
   setTargetRef = c => {

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

@@ -9,7 +9,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { connect } from 'react-redux';
 
-import { ReactComponent as CircleIcon } from '@material-symbols/svg-600/outlined/account_circle.svg';
+import { ReactComponent as CirclesIcon } from '@material-symbols/svg-600/outlined/account_circle-fill.svg';
 import { ReactComponent as AlternateEmailIcon } from '@material-symbols/svg-600/outlined/alternate_email.svg';
 import { ReactComponent as BookmarksIcon } from '@material-symbols/svg-600/outlined/bookmarks-fill.svg';
 import { ReactComponent as PeopleIcon } from '@material-symbols/svg-600/outlined/group.svg';
@@ -135,7 +135,7 @@ class GettingStarted extends ImmutablePureComponent {
         <ColumnLink key='favourites' icon='star' iconComponent={StarIcon} text={intl.formatMessage(messages.favourites)} to='/favourites' />,
         <ColumnLink key='lists' icon='list-ul' iconComponent={ListAltIcon} text={intl.formatMessage(messages.lists)} to='/lists' />,
         <ColumnLink key='antennas' icon='wifi' iconComponent={AntennaIcon} text={intl.formatMessage(messages.antennas)} to='/antennasw' />,
-        <ColumnLink key='circles' icon='user-circle' iconComponent={CircleIcon} text={intl.formatMessage(messages.circles)} to='/circles' />,
+        <ColumnLink key='circles' icon='user-circle' iconComponent={CirclesIcon} text={intl.formatMessage(messages.circles)} to='/circles' />,
       );
 
       if (myAccount.get('locked') || unreadFollowRequests > 0) {

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

@@ -238,7 +238,7 @@ class ListTimeline extends PureComponent {
                 { antennas.map(antenna => (
                   <li key={antenna.get('id')} className='column-settings__row__antenna'>
                     <button type='button' className='text-btn column-header__setting-btn' data-id={antenna.get('id')} onClick={this.handleEditAntennaClick}>
-                      <Icon id='pencil' /> {antenna.get('title')}{antenna.get('stl') && ' [STL]'}
+                      <Icon id='pencil' icon={EditIcon} /> {antenna.get('title')}{antenna.get('stl') && ' [STL]'}
                     </button>
                   </li>
                 ))}

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

@@ -22,7 +22,7 @@ import { focusCompose } from 'mastodon/actions/compose';
 import { closeOnboarding } from 'mastodon/actions/onboarding';
 import { Icon }  from 'mastodon/components/icon';
 import Column from 'mastodon/features/ui/components/column';
-import { me } from 'mastodon/initial_state';
+import { enableLocalTimeline, me } from 'mastodon/initial_state';
 import { makeGetAccount } from 'mastodon/selectors';
 import { assetHost } from 'mastodon/utils/config';
 import { WithRouterPropTypes } from 'mastodon/utils/react_router';
@@ -132,9 +132,12 @@ class Onboarding extends ImmutablePureComponent {
               <FormattedMessage id='onboarding.actions.go_to_explore' defaultMessage='Take me to trending' />
               <Icon icon={ArrowRightAltIcon} />
             </Link>
-            <Link to='/public/local' onClick={this.handleClose} className='onboarding__link'>
-              <FormattedMessage id='onboarding.actions.go_to_local_timeline' defaultMessage='See posts from local' />
-            </Link>
+            {enableLocalTimeline && (
+              <Link to='/public/local' onClick={this.handleClose} className='onboarding__link'>
+                <FormattedMessage id='onboarding.actions.go_to_local_timeline' defaultMessage='See posts from local' />
+                <Icon icon={ArrowRightAltIcon} />
+              </Link>
+            )}
             <Link to='/home' onClick={this.handleClose} className='onboarding__link'>
               <FormattedMessage id='onboarding.actions.go_to_home' defaultMessage='Take me to my home feed' />
               <Icon icon={ArrowRightAltIcon} />

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

@@ -5,7 +5,7 @@ import { defineMessages, injectIntl } from 'react-intl';
 
 import { Link } from 'react-router-dom';
 
-import { ReactComponent as CircleIcon } from '@material-symbols/svg-600/outlined/account_circle.svg';
+import { ReactComponent as CirclesIcon } from '@material-symbols/svg-600/outlined/account_circle-fill.svg';
 import { ReactComponent as AlternateEmailIcon } from '@material-symbols/svg-600/outlined/alternate_email.svg';
 import { ReactComponent as BookmarksIcon } from '@material-symbols/svg-600/outlined/bookmarks-fill.svg';
 import { ReactComponent as PeopleIcon } from '@material-symbols/svg-600/outlined/group.svg';
@@ -140,7 +140,7 @@ class NavigationPanel extends Component {
           <>
             <ColumnLink transparent to='/lists' icon='list-ul' iconComponent={ListAltIcon} text={intl.formatMessage(messages.lists)} />
             <ColumnLink transparent to='/antennasw' icon='wifi' iconComponent={AntennaIcon} text={intl.formatMessage(messages.antennas)} isActive={this.isAntennasActive} />
-            <ColumnLink transparent to='/circles' icon='user-circle' iconComponent={CircleIcon} text={intl.formatMessage(messages.circles)} />
+            <ColumnLink transparent to='/circles' icon='user-circle' iconComponent={CirclesIcon} text={intl.formatMessage(messages.circles)} />
             <FollowRequestsColumnLink />
             <ColumnLink transparent to='/conversations' icon='at' iconComponent={AlternateEmailIcon} text={intl.formatMessage(messages.direct)} />
           </>