forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-03-01 09:03:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Extracted the style objects and props into variable

Browse source 
Extracted the common style objects and props into variables or constants to avoid repeating the same code and make the code easier to read. 
Instead of repeating the same _hover styles in multiple places, I created a hoverStyles object and used it in each Link component.
This commit is contained in:
Avi Thour 2022-12-02 21:49:09 +05:30 committed by GitHub
parent 123b299345
commit a1ff1fe755
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/components/layouts/Footer.tsx
View file

@ -12,6 +12,12 @@ import {
import { DiscordIcon, GitHubIcon, TwitterIcon } from '../UI/icons';
const hoverStyles = {
textDecoration: 'none',
bg: 'primary',
color: 'bg !important'
};
export const Footer: FC = () => {
return (
<Flex mt={4} direction={{ base: 'column', lg: 'row' }}>
@ -32,11 +38,7 @@ export const Footer: FC = () => {
<Center
flex={1}
color='primary'
_hover={{
textDecoration: 'none',
bg: 'primary',
color: 'bg !important'
}}
_hover={hoverStyles}
borderRight='2px solid'
borderColor='primary'
p={4}
@ -51,11 +53,7 @@ export const Footer: FC = () => {
<Center
flex={1}
color='primary'
_hover={{
textDecoration: 'none',
bg: 'primary',
color: 'bg !important'
}}
_hover={hoverStyles}
borderRight={{
base: 'none',
md: '2px solid'
@ -81,9 +79,7 @@ export const Footer: FC = () => {
lg: 'none'
}}
borderColor='primary !important'
_hover={{
bg: 'primary'
}}
_hover={hoverStyles}
p={4}
>
<NextLink href={GETH_TWITTER_URL} passHref>
@ -96,9 +92,7 @@ export const Footer: FC = () => {
<Center
data-group
flex={1}
_hover={{
bg: 'primary'
}}
_hover={hoverStyles}
borderWidth='2px'
borderStyle='none solid'
borderColor='primary'
@ -114,9 +108,7 @@ export const Footer: FC = () => {
<Center
data-group
flex={1}
_hover={{
bg: 'primary'
}}
_hover={hoverStyles}
p={4}
>
<NextLink href={GETH_REPO_URL} passHref>