Add watch history icon

ui/component/common/icon-custom.jsx

@@ -3297,4 +3297,9 @@ export const icons = {
       </g>
     </svg>
   ),
+  [ICONS.WATCHHISTORY]: buildIcon(
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path d="M4.7,12C4.7,8,8,4.7,12,4.7 M10.7,9v6.3l4.6-3.1 L10.7,9z M2.9,10.5l1.9,1.9l2.1-1.8 M11.9,19.8v-1 M7.9,18.6l0.5-0.9 M5.9,15L5,15.4 M15.5,17.8l0.5,0.9 M18,15.2l0.9,0.5 M19.8,11.5l-1,0.1 M18.4,7.5l-0.8,0.6 M15.1,4.8l-0.4,0.9" />
+    </svg>
+  ),
 };

ui/component/sideNavigation/view.jsx

@@ -90,7 +90,7 @@ const PLAYLISTS: SideNavLink = {
 const HISTORY: SideNavLink = {
   title: 'History',
   link: `/$/${PAGES.HISTORY}`,
-  icon: ICONS.EYE,
+  icon: ICONS.WATCHHISTORY,
   hideForUnauth: true,
 };
 

ui/constants/icons.js

@@ -25,7 +25,7 @@ export const FEEDBACK = 'MessageSquare';
 export const SEARCH = 'Search';
 export const CHANNEL = 'AtSign';
 export const REFRESH = 'RefreshCw';
-export const HISTORY = 'Clock';
+export const WATCHHISTORY = 'WatchHistory';
 export const HOME = 'Home';
 export const OVERVIEW = 'Activity';
 export const WALLET = 'List';

ui/page/history/view.jsx

@@ -44,7 +44,7 @@ export default function HistoryPage(props: Props) {
       <div className={classnames('section card-stack')}>
         <div className="claim-list__header">
           <h1 className="card__title">
-            <Icon icon={ICONS.EYE} style={{ marginRight: 'var(--spacing-s)' }} />
+            <Icon icon={ICONS.WATCHHISTORY} style={{ marginRight: 'var(--spacing-s)' }} />
             {__('Watch History')}
           </h1>