From e29823ed9c56a5cc762aec6e041e32fe13426048 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 12 Apr 2024 17:21:16 +0300
Subject: [PATCH] fix(nimbus-logo): rename old title logo

---
 src/pages/Dashboard/Dashboard.tsx              |  4 ++--
 .../DeviceHealthCheck/DeviceHealthCheck.tsx    |  4 ++--
 .../DeviceSyncStatus/DeviceSync.stories.tsx    |  2 ++
 src/pages/LogsPage/LogsPage.tsx                |  4 ++--
 src/pages/LogsPage/TitleLogo.stories.ts        | 18 ------------------
 .../ValidatorManagement/ManagementHeader.tsx   |  4 ++--
 6 files changed, 10 insertions(+), 26 deletions(-)
 delete mode 100644 src/pages/LogsPage/TitleLogo.stories.ts

diff --git a/src/pages/Dashboard/Dashboard.tsx b/src/pages/Dashboard/Dashboard.tsx
index e1bc843b..d2609714 100644
--- a/src/pages/Dashboard/Dashboard.tsx
+++ b/src/pages/Dashboard/Dashboard.tsx
@@ -6,7 +6,7 @@ import CPUCard from './CPULoad/CPUCard'
 import ConsensusUptimeCard from './ConsensusUptime/ConsensusUptimeCard'
 import ExecutionUptime from './ExecutionUptime/ExecutionUptime'
 import DeviceUptime from './DeviceUptime/DeviceUptime'
-import TitleLogo from '../../components/Logos/NimbusLogo'
+import NimbusLogo from '../../components/Logos/NimbusLogo'
 import StorageCard from './StorageCard/StorageCard'
 import NetworkCard from './NetworkCard/NetworkCard'
 import SyncStatusCards from './SyncStatusCards/SyncStatusCards'
@@ -32,7 +32,7 @@ const Dashboard = () => {
         }}
         className={'transparent-scrollbar'}
       >
-        <TitleLogo subtitle="Node Management Dashboard" />
+        <NimbusLogo subtitle="Node Management Dashboard" />
         <Stack
           style={{
             display: 'grid',
diff --git a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
index 62384f87..0a350a6a 100644
--- a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
+++ b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
@@ -9,7 +9,7 @@ import HealthInfoSection from '../../components/General/HealthInfoSection'
 import DeviceMemory from '../../components/Charts/DeviceMemoryHealth'
 import DeviceNetworkHealth from '../../components/Charts/DeviceNetworkHealth'
 import { RootState } from '../../redux/store'
-import TitleLogo from '../../components/Logos/NimbusLogo'
+import NimbusLogo from '../../components/Logos/NimbusLogo'
 import styles from './deviceHealthCheck.module.css'
 import SidebarsWrapper from '../../components/PageWrappers/SidebarsWrapper'
 
@@ -28,7 +28,7 @@ const DeviceHealthCheck = () => {
           width: 'calc(100% - 380px)',
         }}
       >
-        <TitleLogo subtitle="Device Health Check" />
+        <NimbusLogo subtitle="Device Health Check" />
         <div className={styles['cards-container']}>
           <DeviceStorageHealth
             storage={deviceHealthState.storage}
diff --git a/src/pages/DeviceSyncStatus/DeviceSync.stories.tsx b/src/pages/DeviceSyncStatus/DeviceSync.stories.tsx
index 63e10986..b9448847 100644
--- a/src/pages/DeviceSyncStatus/DeviceSync.stories.tsx
+++ b/src/pages/DeviceSyncStatus/DeviceSync.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react'
+import { withRouter } from 'storybook-addon-react-router-v6'
 
 import DeviceSyncStatus from './DeviceSyncStatus'
 
@@ -15,6 +16,7 @@ const meta = {
         <Story />
       </div>
     ),
+    withRouter(),
   ],
 } satisfies Meta<typeof DeviceSyncStatus>
 
diff --git a/src/pages/LogsPage/LogsPage.tsx b/src/pages/LogsPage/LogsPage.tsx
index c663efd3..624e5e25 100644
--- a/src/pages/LogsPage/LogsPage.tsx
+++ b/src/pages/LogsPage/LogsPage.tsx
@@ -6,7 +6,7 @@ import LogsTerminal from './LogsTerminal'
 import LogsSumCard from './LogsSumCard'
 import SupportCard from './SupportCard'
 import HeaderBtns from './HeaderBtns'
-import TitleLogo from '../../components/Logos/NimbusLogo'
+import NimbusLogo from '../../components/Logos/NimbusLogo'
 import SidebarsWrapper from '../../components/PageWrappers/SidebarsWrapper'
 import { RootState } from '../../redux/store'
 
@@ -35,7 +35,7 @@ const LogsPage = () => {
         className={'transparent-scrollbar'}
       >
         <XStack justifyContent="space-between" width={'100%'} flexWrap="wrap">
-          <TitleLogo />
+          <NimbusLogo />
           <HeaderBtns
             dropdownMenuItem={dropdownMenuItem}
             setDropdownMenuItem={setDropdownMenuItem}
diff --git a/src/pages/LogsPage/TitleLogo.stories.ts b/src/pages/LogsPage/TitleLogo.stories.ts
deleted file mode 100644
index 6352af81..00000000
--- a/src/pages/LogsPage/TitleLogo.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import TitleLogo from '../../components/Logos/NimbusLogo'
-
-const meta = {
-  title: 'LogsPage/TitleLogo',
-  component: TitleLogo,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-} satisfies Meta<typeof TitleLogo>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-  args: {},
-}
diff --git a/src/pages/ValidatorManagement/ManagementHeader.tsx b/src/pages/ValidatorManagement/ManagementHeader.tsx
index b918cf8f..25e1f64c 100644
--- a/src/pages/ValidatorManagement/ManagementHeader.tsx
+++ b/src/pages/ValidatorManagement/ManagementHeader.tsx
@@ -1,6 +1,6 @@
 import { XStack } from 'tamagui'
 
-import TitleLogo from '../../components/Logos/NimbusLogo'
+import NimbusLogo from '../../components/Logos/NimbusLogo'
 import SyncStatusCard from '../../components/General/SyncStatusCard'
 import styles from './validatorManagement.module.css'
 
@@ -13,7 +13,7 @@ const ManagementHeader = () => {
         alignItems: 'center',
       }}
     >
-      <TitleLogo subtitle="Validator Management" />
+      <NimbusLogo subtitle="Validator Management" />
       <XStack space={'$2'}>
         <div className={styles['sync-status-card-container-first']}>
           <SyncStatusCard