update channels nav icon

src/components/Sidenav/ViewerSidenav/ViewerSidenav.tsx

@@ -4,7 +4,7 @@ import { absoluteRoutes } from '@/config/routes'
 import { Button } from '@/shared/components'
 import SidenavBase, { NavItemType } from '@/components/Sidenav/SidenavBase'
 import FollowedChannels from './FollowedChannels'
-import { SvgGlyphExternal, SvgNavChannel, SvgNavHome, SvgNavVideos } from '@/shared/icons'
+import { SvgGlyphExternal, SvgNavChannels, SvgNavHome, SvgNavVideos } from '@/shared/icons'
 
 const viewerSidenavItems: NavItemType[] = [
   {
@@ -19,7 +19,7 @@ const viewerSidenavItems: NavItemType[] = [
   },
   {
     // TODO: update to channels icon once it exists
-    icon: <SvgNavChannel />,
+    icon: <SvgNavChannels />,
     name: 'Channels',
     to: absoluteRoutes.viewer.channels(),
   },

src/shared/icons/NavChannels.tsx

@@ -0,0 +1,15 @@
+// THIS FILE WAS AUTOGENERATED BY SVGR. DO NOT MODIFY IT MANUALLY.
+import * as React from 'react'
+export const SvgNavChannels = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <circle cx={16} cy={7} r={3} stroke="#F4F6F8" strokeWidth={2} />
+    <circle cx={6} cy={7} r={1} stroke="#F4F6F8" strokeWidth={2} />
+    <path
+      d="M13.5 20H21a1 1 0 001-1v-1a4 4 0 00-4-4h-4a4 4 0 00-4 4v.5M6 16h3.2a.8.8 0 00.8-.8v0A3.2 3.2 0 006.8 12H5a3 3 0 00-3 3v1"
+      stroke="#F4F6F8"
+      strokeWidth={2}
+      strokeMiterlimit={10}
+      strokeLinecap="square"
+    />
+  </svg>
+)

src/shared/icons/index.tsx

@@ -48,6 +48,7 @@ export * from './LargeUploadFailed'
 export * from './LargeUploadImage'
 export * from './LargeUploadVideo'
 export * from './NavChannel'
+export * from './NavChannels'
 export * from './NavFollowing'
 export * from './NavHome'
 export * from './NavMenu'

src/shared/icons/svgs/nav-channels.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="7" r="3" stroke="#F4F6F8" stroke-width="2"/>
+<circle cx="6" cy="7" r="1" stroke="#F4F6F8" stroke-width="2"/>
+<path d="M13.5 20L21 20C21.5523 20 22 19.5523 22 19L22 18C22 15.7909 20.2091 14 18 14L14 14C11.7909 14 10 15.7909 10 18L10 18.5" stroke="#F4F6F8" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/>
+<path d="M6 16L9.2 16C9.64183 16 10 15.6418 10 15.2V15.2C10 13.4327 8.56731 12 6.8 12L5 12C3.34315 12 2 13.3431 2 15L2 16" stroke="#F4F6F8" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/>
+</svg>