Change limited visibility icon

Author: noellabo

app/javascript/mastodon/features/circle_adder/components/circle.js

@@ -54,7 +54,7 @@ class Circle extends ImmutablePureComponent {
       <div className='circle'>
         <div className='circle__wrapper'>
           <div className='circle__display-name'>
-            <Icon id='circle-o' className='column-link__icon' fixedWidth />
+            <Icon id='user-circle' className='column-link__icon' fixedWidth />
             {circle.get('title')}
           </div>
 

app/javascript/mastodon/features/circles/components/circle.js

@@ -45,7 +45,7 @@ class Circle extends React.PureComponent {
     return (
       <div className='circle-link'>
         <button className='circle-edit-button' onClick={this.handleEditClick}>
-          <Icon id='circle-o' className='column-link__icon' fixedWidth />
+          <Icon id='user-circle' className='column-link__icon' fixedWidth />
           {text}
         </button>
         <button className='circle-delete-button' title={intl.formatMessage(messages.deleteConfirm)} onClick={this.handleDeleteClick}>

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

@@ -61,7 +61,7 @@ class Circles extends ImmutablePureComponent {
     const emptyMessage = <FormattedMessage id='empty_column.circles' defaultMessage="You don't have any circles yet. When you create one, it will show up here." />;
 
     return (
-      <Column bindToDocument={!multiColumn} icon='circle-o' heading={intl.formatMessage(messages.heading)}>
+      <Column bindToDocument={!multiColumn} icon='user-circle' heading={intl.formatMessage(messages.heading)}>
         <ColumnBackButtonSlim />
 
         <NewCircleForm />

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

@@ -138,7 +138,7 @@ class GettingStarted extends ImmutablePureComponent {
       <ColumnLink key='bookmark' icon='bookmark' text={intl.formatMessage(messages.bookmarks)} to='/bookmarks' />,
       <ColumnLink key='favourites' icon='star' text={intl.formatMessage(messages.favourites)} to='/favourites' />,
       <ColumnLink key='lists' icon='list-ul' text={intl.formatMessage(messages.lists)} to='/lists' />,
-      <ColumnLink key='circles' icon='circle-o' text={intl.formatMessage(messages.circles)} to='/circles' />,
+      <ColumnLink key='circles' icon='user-circle' text={intl.formatMessage(messages.circles)} to='/circles' />,
     );
 
     height += 48*5;

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

@@ -19,7 +19,7 @@ const NavigationPanel = () => (
     <NavLink className='column-link column-link--transparent' to='/favourites'><Icon className='column-link__icon' id='star' fixedWidth /><FormattedMessage id='navigation_bar.favourites' defaultMessage='Favourites' /></NavLink>
     <NavLink className='column-link column-link--transparent' to='/bookmarks'><Icon className='column-link__icon' id='bookmark' fixedWidth /><FormattedMessage id='navigation_bar.bookmarks' defaultMessage='Bookmarks' /></NavLink>
     <NavLink className='column-link column-link--transparent' to='/lists'><Icon className='column-link__icon' id='list-ul' fixedWidth /><FormattedMessage id='navigation_bar.lists' defaultMessage='Lists' /></NavLink>
-    <NavLink className='column-link column-link--transparent' to='/circles'><Icon className='column-link__icon' id='circle-o' fixedWidth /><FormattedMessage id='navigation_bar.circles' defaultMessage='Circles' /></NavLink>
+    <NavLink className='column-link column-link--transparent' to='/circles'><Icon className='column-link__icon' id='user-circle' fixedWidth /><FormattedMessage id='navigation_bar.circles' defaultMessage='Circles' /></NavLink>
     {profile_directory && <NavLink className='column-link column-link--transparent' to='/directory'><Icon className='column-link__icon' id='address-book-o' fixedWidth /><FormattedMessage id='getting_started.directory' defaultMessage='Profile directory' /></NavLink>}
 
     <ListPanel />