Change navigation naming

WRadoslaw · May 11, 2024 · f8d8ff2 · f8d8ff2
1 parent fdac5ef
commit f8d8ff2
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/packages/atlas/src/components/_navigation/SidenavViewer/SidenavViewer.tsx b/packages/atlas/src/components/_navigation/SidenavViewer/SidenavViewer.tsx
@@ -1,13 +1,14 @@
+import styled from '@emotion/styled'
 import { FC, useState } from 'react'
 
 import {
   SvgActionAddChannel,
   SvgActionMember,
+  SvgActionMoney,
   SvgActionNewTab,
   SvgSidebarHome,
   SvgSidebarMarketplace,
   SvgSidebarReferrals,
-  SvgSidebarYpp,
 } from '@/assets/icons'
 import { AppLogo } from '@/components/AppLogo'
 import { Button } from '@/components/_buttons/Button'
@@ -16,11 +17,16 @@ import { absoluteRoutes } from '@/config/routes'
 import { getCorrectLoginModal } from '@/providers/auth/auth.helpers'
 import { useAuthStore } from '@/providers/auth/auth.store'
 import { useUser } from '@/providers/user/user.hooks'
+import { square } from '@/styles'
 
 import { FollowedChannels } from './FollowedChannels'
 
 import { SidenavBase } from '../SidenavBase'
 
+const StyledSvgActionMoney = styled(SvgActionMoney)`
+  ${square(24)}
+`
+
 export const viewerNavItems = [
   {
     icon: <SvgSidebarHome />,
@@ -38,9 +44,9 @@ export const viewerNavItems = [
   ...(atlasConfig.features.ypp.googleConsoleClientId
     ? [
         {
-          icon: <SvgSidebarYpp />,
-          name: 'YPP',
-          expandedName: 'YouTube Partner Program',
+          icon: <StyledSvgActionMoney />,
+          name: 'Earn',
+          expandedName: 'Creator Rewards',
           to: absoluteRoutes.viewer.ypp(),
           bottomNav: true,
         },