profile edit #46
@ -85,21 +85,23 @@ interface NavButtonProps {
|
|||||||
viewBox?: string
|
viewBox?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
const NavButton = ({ to, isActive, svgPath, viewBox='0 0 512 512' }: NavButtonProps) => (
|
const NavButton = ({ to, isActive, svgPath, viewBox = '0 0 512 512' }: NavButtonProps) => (
|
||||||
<Link
|
<Link
|
||||||
to={to}
|
to={to}
|
||||||
className={btn btnMain socialNavInsideBtn ${
|
className={`btn btnMain socialNavInsideBtn ${
|
||||||
isActive ? 'socialNavInsideBtnActive' : ''
|
isActive ? 'socialNavInsideBtnActive' : ''
|
||||||
}}
|
}`}
|
||||||
>
|
>
|
||||||
<svg
|
<svg
|
||||||
xmlns='http://www.w3.org/2000/svg'
|
xmlns='http://www.w3.org/2000/svg'
|
||||||
viewBox={viewBox}
|
viewBox={viewBox}
|
||||||
width='1em'
|
width='1em'
|
||||||
height='1em'
|
height='1em'
|
||||||
fill='currentColor'
|
fill='currentColor'
|
||||||
>
|
>
|
||||||
<path d={svgPath}></path>
|
<path d={svgPath}></path>
|
||||||
</svg>
|
</svg>
|
||||||
</Link>
|
</Link>
|
||||||
)
|
);
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user