fix(ui): update user profile menu icon

LN-Zap · Nov 3, 2019 · 35b7a40 · 35b7a40
1 parent 1797a31
commit 35b7a40
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 7 deletions.
diff --git a/icons/user-circle.svg b/icons/user-circle.svg
diff --git a/renderer/components/Icon/UserCircle.js b/renderer/components/Icon/UserCircle.js
@@ -0,0 +1,19 @@
+import React from 'react'
+
+const SvgUserCircle = props => (
+  <svg height="1em" viewBox="0 0 13 13" width="1em" {...props}>
+    <g
+      fill="none"
+      fillRule="evenodd"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={0.813}
+    >
+      <path d="M6.5 2.438a2.844 2.844 0 110 5.688 2.844 2.844 0 010-5.688zm3.745 8.87a5.28 5.28 0 00-7.466-.023l-.024.023" />
+      <path d="M6.5.406a6.094 6.094 0 110 12.188A6.094 6.094 0 016.5.406z" />
+    </g>
+  </svg>
+)
+
+export default SvgUserCircle
diff --git a/renderer/components/Settings/SettingsMenu/SettingsMenu.js b/renderer/components/Settings/SettingsMenu/SettingsMenu.js
@@ -8,7 +8,7 @@ import { Dropmenu, StatusIndicator } from 'components/UI'
 import { WalletName } from 'components/Util'
 import Logout from 'components/Icon/Logout'
 import Settings from 'components/Icon/Settings'
-import User from 'components/Icon/User'
+import UserCircle from 'components/Icon/UserCircle'
 import messages from './messages'
 
 const buildLocaleMenu = localeProps => {
@@ -65,18 +65,18 @@ const SettingsMenu = ({
   const openProfile = () => openModal('PROFILE')
 
   const items = [
+    {
+      id: 'profile',
+      title: <FormattedMessage {...messages.profile_title} />,
+      icon: <UserCircle />,
+      onClick: openProfile,
+    },
     {
       id: 'settings',
       title: <FormattedMessage {...messages.settings_title} />,
       icon: <Settings />,
       onClick: openSettings,
     },
-    {
-      id: 'profile',
-      title: <FormattedMessage {...messages.profile_title} />,
-      icon: <User />,
-      onClick: openProfile,
-    },
     {
       id: 'logout',
       title: (

diff --git a/stories/_general/icons.stories.js b/stories/_general/icons.stories.js
@@ -68,6 +68,7 @@ import Spinner from 'components/Icon/Spinner'
 import Success from 'components/Icon/Success'
 import Twitter from 'components/Icon/Twitter'
 import User from 'components/Icon/User'
+import UserCircle from 'components/Icon/UserCircle'
 import Warning from 'components/Icon/Warning'
 import X from 'components/Icon/X'
 import Zap from 'components/Icon/Zap'
@@ -141,6 +142,7 @@ const zapIconsList = {
   Success,
   Twitter,
   User,
+  UserCircle,
   Warning,
   X,
   Zap,

diff --git a/stories/icons/icon.stories.js b/stories/icons/icon.stories.js
@@ -66,6 +66,7 @@ import Spinner from 'components/Icon/Spinner'
 import Success from 'components/Icon/Success'
 import Twitter from 'components/Icon/Twitter'
 import User from 'components/Icon/User'
+import UserCircle from 'components/Icon/UserCircle'
 import Warning from 'components/Icon/Warning'
 import X from 'components/Icon/X'
 import Zap from 'components/Icon/Zap'
@@ -140,6 +141,7 @@ const zapIconsList = {
   Success,
   Twitter,
   User,
+  UserCircle,
   Warning,
   X,
   Zap,