From 10d84f5c6922184987dd47241663e2d68bf11abe Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 24 Aug 2023 14:54:37 +0300
Subject: [PATCH 1/7] fix: add with router for Advicsories story

---
 .../ValidatorOnboarding/Advicsories/Advicsories.stories.ts      | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts b/src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts
index 53870035..2f41af9e 100644
--- a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts
+++ b/src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react'
+import { withRouter } from 'storybook-addon-react-router-v6'
 
 import Advicsories from './Advicsories'
 
@@ -10,6 +11,7 @@ const meta = {
   },
   tags: ['autodocs'],
   argTypes: {},
+  decorators: [withRouter],
 } satisfies Meta<typeof Advicsories>
 
 export default meta

From 1283bc88639aa437a306a6d035a4f39dd84eb169 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 24 Aug 2023 14:59:39 +0300
Subject: [PATCH 2/7] feat: style learn more link

---
 src/pages/ValidatorOnboarding/Overview/Overview.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
index f1833007..d14d60f2 100644
--- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
@@ -2,6 +2,7 @@ import { Stack, Text as TextTam, XStack, YStack } from 'tamagui'
 import { Button, Shadow, Text } from '@status-im/components'
 import { Link } from 'react-router-dom'
 import OverviewCard from './OverviewCard'
+import { ArrowRightIcon } from '@status-im/icons'
 
 const Overview = () => {
   return (
@@ -34,7 +35,12 @@ const Overview = () => {
           </Text>
           <Stack style={{ margin: '2% 0 4%' }}>
             <Text size={15}>
-              <Link to={'https://www.youtube.com/watch?v=dQw4w9WgXcQ'}> Learn more</Link>
+              <Link to={'/'}>
+                <XStack space={'$1'} style={{ alignItems: 'center', color: '#2A4CF4' }}>
+                  Learn more
+                  <ArrowRightIcon size={16} color="#2A4CF4" />
+                </XStack>
+              </Link>
             </Text>
           </Stack>
           <XStack space={'$5'}>

From 3305a2c4ae5bde59962e01d4b7c29ded506017a7 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 24 Aug 2023 15:00:00 +0300
Subject: [PATCH 3/7] fix: update link width to fit content

---
 src/pages/ValidatorOnboarding/Overview/Overview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
index d14d60f2..2082cc54 100644
--- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
@@ -33,7 +33,7 @@ const Overview = () => {
             secured by proof-of-stake validators. By running a validator, you'll be helping to
             secure the Ethereum network.
           </Text>
-          <Stack style={{ margin: '2% 0 4%' }}>
+          <Stack style={{ margin: '2% 0 4%', maxWidth: 'fit-content' }}>
             <Text size={15}>
               <Link to={'/'}>
                 <XStack space={'$1'} style={{ alignItems: 'center', color: '#2A4CF4' }}>

From 6a579320382feaf0efc69e1562e4c7002c590634 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 24 Aug 2023 15:02:28 +0300
Subject: [PATCH 4/7] fix: console error for not valid child of Link

---
 src/pages/ValidatorOnboarding/Overview/Overview.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
index 2082cc54..c7ada76c 100644
--- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
@@ -35,12 +35,12 @@ const Overview = () => {
           </Text>
           <Stack style={{ margin: '2% 0 4%', maxWidth: 'fit-content' }}>
             <Text size={15}>
-              <Link to={'/'}>
-                <XStack space={'$1'} style={{ alignItems: 'center', color: '#2A4CF4' }}>
+              <XStack space={'$1'} style={{ alignItems: 'center' }}>
+                <Link style={{ color: '#2A4CF4' }} to={'/'}>
                   Learn more
-                  <ArrowRightIcon size={16} color="#2A4CF4" />
-                </XStack>
-              </Link>
+                </Link>
+                <ArrowRightIcon size={16} color="#2A4CF4" />
+              </XStack>
             </Text>
           </Stack>
           <XStack space={'$5'}>

From 8cf30474dc2eef26c9ed9607dd4a3d4f6e1a2089 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 24 Aug 2023 15:04:06 +0300
Subject: [PATCH 5/7] fix: clicking continue button

---
 src/pages/ValidatorOnboarding/Overview/Overview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
index c7ada76c..2ba4f448 100644
--- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
@@ -60,7 +60,7 @@ const Overview = () => {
           </div>
         </section>
       </Shadow>
-      <Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}>
+      <Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px', zIndex: 999 }}>
         <Button>Continue</Button>
       </Stack>
     </>

From e5e72ecf6724727e22d95375a7d3e5372ad58461 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 24 Aug 2023 15:08:56 +0300
Subject: [PATCH 6/7] fix: remove side scroller

---
 src/components/PageWrappers/layout.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/PageWrappers/layout.css b/src/components/PageWrappers/layout.css
index d1676b63..046fc817 100644
--- a/src/components/PageWrappers/layout.css
+++ b/src/components/PageWrappers/layout.css
@@ -40,7 +40,7 @@
 
 /* LAYOUT RIGHT ELEMENT WITH IMAGE TAKING UP THE WHOLE HIGHT OF THE VIEWPORT */
 .layout-right {
-    flex: 0 0 45%;
+    flex: 0 0 44.6%;
     max-width: 45%;
     z-index: 0;
 }

From 1fa4552961be6e3276ec8379e45dc1ed7fba8fe7 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 24 Aug 2023 15:12:10 +0300
Subject: [PATCH 7/7] fix: make overview background white

---
 src/pages/ValidatorOnboarding/Overview/Overview.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
index 2ba4f448..3e1bd83b 100644
--- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
@@ -14,6 +14,7 @@ const Overview = () => {
           border: 'none',
           flexDirection: 'row',
           backgroundColor: '#fff',
+          zIndex: 999,
         }}
       >
         <YStack className="layout-left" space={'$5'} style={{ padding: '16px 32px' }}>