Commit fcf23f00 authored by tom's avatar tom

[skip ci] make `isActive` flag optional in featured network config

parent a5ea1a16
...@@ -12,7 +12,7 @@ interface Props extends FeaturedNetwork { ...@@ -12,7 +12,7 @@ interface Props extends FeaturedNetwork {
isMobile?: boolean; isMobile?: boolean;
} }
const NetworkMenuLink = ({ title, icon, isActive, isMobile, url, invertIconInDarkMode }: Props) => { const NetworkMenuLink = ({ title, icon, isActive: isActiveProp, isMobile, url, invertIconInDarkMode }: Props) => {
const colors = useColors(); const colors = useColors();
const darkModeFilter = { filter: 'brightness(0) invert(1)' }; const darkModeFilter = { filter: 'brightness(0) invert(1)' };
const style = useColorModeValue({}, invertIconInDarkMode ? darkModeFilter : {}); const style = useColorModeValue({}, invertIconInDarkMode ? darkModeFilter : {});
...@@ -27,6 +27,21 @@ const NetworkMenuLink = ({ title, icon, isActive, isMobile, url, invertIconInDar ...@@ -27,6 +27,21 @@ const NetworkMenuLink = ({ title, icon, isActive, isMobile, url, invertIconInDar
/> />
); );
const isActive = (() => {
if (isActiveProp !== undefined) {
return isActiveProp;
}
try {
const itemOrigin = new URL(url).origin;
const currentOrigin = window.location.origin;
return itemOrigin === currentOrigin;
} catch (error) {
return false;
}
})();
return ( return (
<Box as="li" listStyleType="none"> <Box as="li" listStyleType="none">
<Flex <Flex
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment