From 4e76da230fe03da8c54bdf15c4a88f882011eb39 Mon Sep 17 00:00:00 2001 From: Marina Terentii <125751323+Artentii@users.noreply.github.com> Date: Thu, 21 Sep 2023 16:02:54 +0200 Subject: [PATCH 001/136] Update SummaryOverview.tsx --- .../client/components/ui/SummaryOverview.tsx | 31 ++++++++++++++----- 1 file changed, 23 insertions(+), 8 deletions(-) diff --git a/packages/client/components/ui/SummaryOverview.tsx b/packages/client/components/ui/SummaryOverview.tsx index 40fb8ce0..135a8855 100644 --- a/packages/client/components/ui/SummaryOverview.tsx +++ b/packages/client/components/ui/SummaryOverview.tsx @@ -64,17 +64,32 @@ const SummaryOverview = () => { {summary && lastValidator !== 0 && (
-

Network: {assetPrefix !== '/goerli' ? 'MAINNET' : 'GOERLI'}

-

Epoch: {summary.epoch}

-

Slot: {summary.slot}

-

Block Height: {summary.block_height}

-

Active Validators: {lastValidator ?? 0}

+

+ Network: {assetPrefix !== '/goerli' ? 'MAINNET' : 'GOERLI'} +

+ +

+ Epoch: {summary.epoch} +

+ +

+ Slot: {summary.slot} +

+ +

+ Block Height: {summary.block_height} +

+ +

+ Active Validators: {lastValidator ?? 0} +

)} From 828c8740f138be8a027b91dbeae0033a80f6afbf Mon Sep 17 00:00:00 2001 From: Marina Terentii <125751323+Artentii@users.noreply.github.com> Date: Thu, 21 Sep 2023 16:06:18 +0200 Subject: [PATCH 002/136] Update Arrow.tsx --- packages/client/components/ui/Arrow.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/client/components/ui/Arrow.tsx b/packages/client/components/ui/Arrow.tsx index 6efcda63..18e553dc 100644 --- a/packages/client/components/ui/Arrow.tsx +++ b/packages/client/components/ui/Arrow.tsx @@ -32,8 +32,7 @@ const Arrow = ({ direction, height = 30, width = 30, className, onClick }: Props viewBox='0 0 16 16' className={`stroke-1 dark-mode-class cursor-pointer ${className ?? ''}`} style={{ - stroke: themeMode?.darkMode ? 'var(--yellow1)' : 'var(--white)', - fill: themeMode?.darkMode ? 'var(--yellow1)' : 'var(--white)', + stroke: themeMode?.darkMode ? 'var(--white)' : 'var(--lightGray)' }} onClick={onClick} > From 41a659097cdae7aa1f8b88a89b84150037e7a13f Mon Sep 17 00:00:00 2001 From: Marina Terentii <125751323+Artentii@users.noreply.github.com> Date: Thu, 21 Sep 2023 16:21:08 +0200 Subject: [PATCH 003/136] Update EpochOverview --- .../components/layouts/EpochOverview.tsx | 13 +++++++------ packages/client/components/ui/BlockImage.tsx | 2 +- .../images/blocks/cubes/missed_block.webp | Bin 2476 -> 226 bytes 3 files changed, 8 insertions(+), 7 deletions(-) diff --git a/packages/client/components/layouts/EpochOverview.tsx b/packages/client/components/layouts/EpochOverview.tsx index 08bdbb2c..67ce5e75 100644 --- a/packages/client/components/layouts/EpochOverview.tsx +++ b/packages/client/components/layouts/EpochOverview.tsx @@ -38,7 +38,7 @@ const EpochOverview = ({ epoch, blocks, lastEpoch }: Props) => { return (
{ Epoch {epoch?.toLocaleString()}
{blocks.map(block => ( diff --git a/packages/client/components/ui/BlockImage.tsx b/packages/client/components/ui/BlockImage.tsx index 1bf060e1..4b2e13dc 100644 --- a/packages/client/components/ui/BlockImage.tsx +++ b/packages/client/components/ui/BlockImage.tsx @@ -34,7 +34,7 @@ const BlockImage = ({ poolName, proposed = true, width, height, showCheck }: Pro alt='Logo' width={width} height={height} - className={`${proposed ? '' : 'brightness-75'}`} + className={`${proposed ? '' : 'brightness-90'}`} /> {!proposed && ( diff --git a/packages/client/public/static/images/blocks/cubes/missed_block.webp b/packages/client/public/static/images/blocks/cubes/missed_block.webp index ab8130df82b0fd1350915f0e13c8d17ab1da0e77..9e278af6b0f094b9670ad906ecd5ea89a57a7aac 100644 GIT binary patch literal 226 zcmV<803H8QNk&H600012MM6+kP&iD^0000lC%_31cMuT<*+$OY5nK`8;3IHW4}eo` z+q34OGa}&^K--wG@*9YY2tYz4^u7H8(zEv79uGNu@BJbnqW=imw$1k60CE%>EtKqb zTROP!@KnEJjefl3X?)&3u>WE0@t4gsws&v5hV^Rxw}$mlC9G7Er~n&b0g@n*C=*5O z(u5!ZG8-tpZlLsR+qJU##(o&WUZ$2L1~PZVu+GNg0e6YDcy cWiRHqDYG(l_3M?C&{N}~#MDx?rDTtK0tnq}Q~&?~ literal 2476 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 z Date: Thu, 21 Sep 2023 16:26:27 +0200 Subject: [PATCH 004/136] Text landing page updated --- .../client/components/ui/SummaryOverview.tsx | 2 +- packages/client/pages/index.tsx | 20 ++++++++++++------- 2 files changed, 14 insertions(+), 8 deletions(-) diff --git a/packages/client/components/ui/SummaryOverview.tsx b/packages/client/components/ui/SummaryOverview.tsx index 135a8855..67edd286 100644 --- a/packages/client/components/ui/SummaryOverview.tsx +++ b/packages/client/components/ui/SummaryOverview.tsx @@ -64,7 +64,7 @@ const SummaryOverview = () => { {summary && lastValidator !== 0 && (

Ethereum blockchain explorer

-
+

- Epoch Statistics + Epoch statistics

From 4af33548f10e6c66b7a27e23b52250382d122063 Mon Sep 17 00:00:00 2001 From: Marina Terentii <125751323+Artentii@users.noreply.github.com> Date: Thu, 21 Sep 2023 16:45:51 +0200 Subject: [PATCH 005/136] SearchEngine updated --- .../client/components/ui/SearchEngine.tsx | 31 ++++++++---------- .../images/icons/magnifying_glass_icon.webp | Bin 588 -> 194 bytes 2 files changed, 13 insertions(+), 18 deletions(-) diff --git a/packages/client/components/ui/SearchEngine.tsx b/packages/client/components/ui/SearchEngine.tsx index 9614b983..eda855b9 100644 --- a/packages/client/components/ui/SearchEngine.tsx +++ b/packages/client/components/ui/SearchEngine.tsx @@ -22,22 +22,22 @@ type PropsInput = { }; const SearchEngineInput = styled.input` - color: ${props => (props.darkMode ? 'var(--yellow4)' : '#d5872f')}; + color: ${props => (props.darkMode ? 'var(--white)' : 'var(--white)')}; ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ - color: ${props => (props.darkMode ? 'var(--yellow4)' : '#d5872f')}; + color: ${props => (props.darkMode ? 'var(--white)' : 'var(--white)')}; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ - color: ${props => (props.darkMode ? 'var(--yellow4)' : '#d5872f')}; + color: ${props => (props.darkMode ? 'var(--white)' : 'var(--white)')}; } ::-ms-input-placeholder { /* Microsoft Edge */ - color: ${props => (props.darkMode ? 'var(--yellow4)' : '#d5872f')}; + color: ${props => (props.darkMode ? 'var(--white)' : 'var(--white)')}; } `; @@ -179,10 +179,10 @@ const SearchEngine = () => { return (
@@ -196,7 +196,7 @@ const SearchEngine = () => { { {searchResults.length > 0 && showResults && (
{searchResults.map((item, index) => ( @@ -226,10 +224,7 @@ const SearchEngine = () => { {index !== searchResults.length - 1 && (
)} diff --git a/packages/client/public/static/images/icons/magnifying_glass_icon.webp b/packages/client/public/static/images/icons/magnifying_glass_icon.webp index 03eb089147de1c4fb1f553fffd8ef95bc7501fa1..586766b00fb07b8b1a0d58964b364ce132125672 100644 GIT binary patch literal 194 zcmV;z06qUwNk&Gx00012MM6+kP&iDk0000l6u<-!ub`l98^-)e?+?TL&p$!7E#3)U zf=QZcI|jvI#IffA0N^mT?I^if_+m8R=jZibEK4jQqW=>Bq;-!WDg0BoeGMtRclROn zbn#Nu#C6%^ryP-a`jr7D<8c}e>`KqrmEbs-Y$`B(##BMSIRo|o_*{iJX4aFBnXUv) wbs_?&@@J+Fu<4y2EMw$Ta*e&2nXNq}^%I!uHd@-$FCdj_wv+_0sa;LB3hd@u>Hq)$ literal 588 zcmV-S0<-;6Nk&FQ0ssJ4MM6+kP&il$0000G0000n001!n06|PpNW=gD00Cz}kZl{f z!Hcknh)G=lxUp@kZjP9t1eL%!L&!2iDQtf#L8;jVV8(E|`cL=25ycVxp8%}T>ewC9 zaYT1=e)8k-m11{14#|3yCg)>#F4}ELJ}GxrOV0T7@MeTnd3ukoY1z`ZhiS>L0zN%B z5H7K4$v+D{85y02s$o1S9K-k}w=1&%94V5(JIUSoI5gZ*;N+Hc#sPt}N0OoW%8!3Y ztE&U}B)L0h!z=R9@aw=4Ne1StI{woI{47ARRPt$Z16EKtAX)(c0B{HZodGH`05SkR zkvNw}rK2JtFdg{-uo4Ml0L=^?TH&n)Y-GRrl);JQcqg>mASWjIssH}~S+vB0KGSmw z0H*o{pF>U#SBg?A0092`Xw59M0qk-0T-aal`RNH4?u1@opQ;LWzj}|q@|OFdFm8ss zL)paDFNI5vw8TYIeZ0S z;%N5;h%3wY6Bxp3qeh-y%;MF3caRRothx*cmlC+eV2~u-_9)5e6pt~ccT8F?e0lDj zs4(y-B8^6Xn-6LP<)N$+6DAe?&~(1af1T{{LY&??U5!UsTq38*=QiA_cRELf@d3IV ae1dPHh+xq_#=w1sS4HrDZ~3qQ0000K1QUY* From 524c7b8980a4147bd9c1fe1881033fc7a9caff73 Mon Sep 17 00:00:00 2001 From: Marina Terentii <125751323+Artentii@users.noreply.github.com> Date: Thu, 21 Sep 2023 16:56:35 +0200 Subject: [PATCH 006/136] Update theme-mode-switch.css --- .../public/static/css/theme-mode-switch.css | 40 ++----------------- 1 file changed, 4 insertions(+), 36 deletions(-) diff --git a/packages/client/public/static/css/theme-mode-switch.css b/packages/client/public/static/css/theme-mode-switch.css index 00118803..de3fd27c 100644 --- a/packages/client/public/static/css/theme-mode-switch.css +++ b/packages/client/public/static/css/theme-mode-switch.css @@ -25,29 +25,6 @@ transition: 0.3s; } -.theme__icon-part { - border-radius: 50%; - box-shadow: 4px -4px 0 5px #c2741b inset; - top: calc(50% - 5px); - left: calc(50% - 5px); - width: 10px; - height: 10px; - transition: box-shadow var(--transDur) ease-in-out, opacity var(--transDur) ease-in-out, - transform var(--transDur) ease-in-out; - transform: scale(0.5); -} - -.theme__icon-part ~ .theme__icon-part { - background-color: hsl(0, 0%, 100%); - border-radius: 0.5px; - top: 50%; - left: calc(50% - 0.5px); - transform: rotate(0deg) translateY(5px); - transform-origin: 50% 0; - width: 1px; - height: 4px; -} - .theme__icon-part:nth-child(3) { transform: rotate(45deg) translateY(4.5px); } @@ -88,7 +65,7 @@ } .theme__toggle { - background-color: #ecb77b; + background-color: #000000; border-radius: 25% / 50%; box-shadow: 0 0 0 1.25px var(--primaryT); padding: 2.5px; @@ -102,7 +79,7 @@ } .theme__toggle:before { - background-color: #fff0dd; + background-color: #ffffff; border-radius: 50%; content: ''; width: 25px; @@ -117,7 +94,7 @@ /* Checked */ .theme__toggle:checked { - background-color: hsl(198, 90%, 15%); + background-color: #c9b6f8; } .theme__toggle:checked:before, @@ -126,16 +103,7 @@ } .theme__toggle:checked:before { - background-color: hsl(198, 90%, 55%); -} - -.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(1) { - box-shadow: 3px -3px 0 3px hsl(0, 0%, 100%) inset; - transform: scale(1); - top: 3px; - left: 3px; - width: 15px; - height: 15px; + background-color: #ffffff; } .theme__toggle:checked ~ .theme__icon .theme__icon-part ~ .theme__icon-part { From e28cf9e312956527a276efacd91d17cb35bd6b9f Mon Sep 17 00:00:00 2001 From: Marina Terentii <125751323+Artentii@users.noreply.github.com> Date: Thu, 21 Sep 2023 17:16:09 +0200 Subject: [PATCH 007/136] Header update --- packages/client/components/layouts/Header.tsx | 9 ++++++--- packages/client/components/ui/Dropdown.tsx | 2 +- packages/client/components/ui/Menu.tsx | 2 +- 3 files changed, 8 insertions(+), 5 deletions(-) diff --git a/packages/client/components/layouts/Header.tsx b/packages/client/components/layouts/Header.tsx index 38a4d43f..fb684c71 100644 --- a/packages/client/components/layouts/Header.tsx +++ b/packages/client/components/layouts/Header.tsx @@ -14,7 +14,10 @@ const Header = () => { const { themeMode } = React.useContext(ThemeModeContext) ?? {}; return ( -
+
@@ -26,12 +29,12 @@ const Header = () => { />

- Ethseer.io + Ethseer.io

diff --git a/packages/client/components/ui/Dropdown.tsx b/packages/client/components/ui/Dropdown.tsx index 6468f831..7e1628ea 100644 --- a/packages/client/components/ui/Dropdown.tsx +++ b/packages/client/components/ui/Dropdown.tsx @@ -49,7 +49,7 @@ const Dropdown = ({ name, items }: Props) => { > ); }; From 4d3646ab97618d2d7af3fdee920d76f13eff841f Mon Sep 17 00:00:00 2001 From: Marina Terentii <125751323+Artentii@users.noreply.github.com> Date: Fri, 22 Sep 2023 11:26:01 +0200 Subject: [PATCH 020/136] Added hover to view more button --- packages/client/components/ui/LinkIcon.tsx | 4 +--- packages/client/components/ui/ViewMoreButton.tsx | 5 +---- packages/client/pages/index.tsx | 2 +- 3 files changed, 3 insertions(+), 8 deletions(-) diff --git a/packages/client/components/ui/LinkIcon.tsx b/packages/client/components/ui/LinkIcon.tsx index 87440ee2..76d8a85b 100644 --- a/packages/client/components/ui/LinkIcon.tsx +++ b/packages/client/components/ui/LinkIcon.tsx @@ -21,9 +21,7 @@ const LinkIcon = ({ forceOrange, forceBlue }: Props) => { } else if (forceBlue) { return '/static/images/icons/link_dark.webp'; } else { - return themeMode?.darkMode - ? '/static/images/icons/link_dark.webp' - : '/static/images/icons/link_light.webp'; + return themeMode?.darkMode ? '/static/images/icons/link_dark.webp' : '/static/images/icons/link_light.webp'; } }; diff --git a/packages/client/components/ui/ViewMoreButton.tsx b/packages/client/components/ui/ViewMoreButton.tsx index 0e969f33..f9852186 100644 --- a/packages/client/components/ui/ViewMoreButton.tsx +++ b/packages/client/components/ui/ViewMoreButton.tsx @@ -14,11 +14,8 @@ const ViewMoreButton = ({ onClick }: Props) => { return ( diff --git a/packages/client/pages/index.tsx b/packages/client/pages/index.tsx index 4aafc670..57f16dab 100644 --- a/packages/client/pages/index.tsx +++ b/packages/client/pages/index.tsx @@ -100,7 +100,7 @@ export default function Home() { -
+

Date: Fri, 22 Sep 2023 11:26:27 +0200 Subject: [PATCH 021/136] Footer updated --- packages/client/components/layouts/Layout.tsx | 16 ++++++++-------- .../static/images/footer/footer_heart.svg | 9 --------- .../static/images/footer/footer_heart.webp | Bin 0 -> 280 bytes 3 files changed, 8 insertions(+), 17 deletions(-) delete mode 100644 packages/client/public/static/images/footer/footer_heart.svg create mode 100644 packages/client/public/static/images/footer/footer_heart.webp diff --git a/packages/client/components/layouts/Layout.tsx b/packages/client/components/layouts/Layout.tsx index 89ec2bdd..0bdf4747 100644 --- a/packages/client/components/layouts/Layout.tsx +++ b/packages/client/components/layouts/Layout.tsx @@ -11,7 +11,7 @@ import Background from './Background'; import ThemeModeContext from '../../contexts/theme-mode/ThemeModeContext'; // Images -import FooterHeartImage from '../../public/static/images/footer/footer_heart.svg'; +import FooterHeartImage from '../../public/static/images/footer/footer_heart.webp'; type PropsWithChildren = { children?: React.ReactNode; @@ -43,13 +43,13 @@ const Layout = ({ hideMetaDescription, children }: PropsWithChildren) => {
{children}
-