mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
0b7382bd27
* add ENV for navigation layout type * add network menu to top bar * renaming and main component placeholder * add logo, testnet badge, login and connect wallet buttons to the nav bar * refactor once more * styles for nav link group * style nav link * style groupped nav links * update values for L2 review * update demo values * fix deployment values for L2 review * tests * fix prop collision * shorten filter input on marketplace page and update MainArea height * change margin between text and lightning label * add active state to "Other" nav menu * popover fixes * fix link width * [skip ci] update demo values
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { useDisclosure } from '@chakra-ui/react';
|
|
import { useQuery } from '@tanstack/react-query';
|
|
import React from 'react';
|
|
|
|
import type { FeaturedNetwork } from 'types/networks';
|
|
import { NETWORK_GROUPS } from 'types/networks';
|
|
|
|
import config from 'configs/app';
|
|
import type { ResourceError } from 'lib/api/resources';
|
|
import useFetch from 'lib/hooks/useFetch';
|
|
|
|
export default function useNetworkMenu() {
|
|
const { isOpen, onClose, onOpen, onToggle } = useDisclosure();
|
|
|
|
const fetch = useFetch();
|
|
const { isPending, data } = useQuery<unknown, ResourceError<unknown>, Array<FeaturedNetwork>>({
|
|
queryKey: [ 'featured-network' ],
|
|
queryFn: async() => fetch(config.UI.navigation.featuredNetworks || '', undefined, { resource: 'featured-network' }),
|
|
enabled: Boolean(config.UI.navigation.featuredNetworks) && isOpen,
|
|
staleTime: Infinity,
|
|
});
|
|
|
|
return React.useMemo(() => ({
|
|
isOpen,
|
|
onClose,
|
|
onOpen,
|
|
onToggle,
|
|
isPending,
|
|
data,
|
|
availableTabs: NETWORK_GROUPS.filter((tab) => data?.some(({ group }) => group === tab)),
|
|
}), [ isOpen, onClose, onOpen, onToggle, data, isPending ]);
|
|
}
|