mirror/checktheroads-hyperglass
1
0
Fork 0
mirror of https://github.com/checktheroads/hyperglass synced 2024-05-11 05:55:08 +00:00
Code Releases Activity

implement dynamic icon component & migrate back to react-icons

Browse Source
This commit is contained in:
thatmattlove
2021-12-06 14:33:20 -07:00
parent 7c1a5bf1c3
commit 196b3e0400
23 changed files with 311 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
hyperglass/ui/components/help/modal.tsx
View File

@@ -1,4 +1,3 @@
import dynamic from 'next/dynamic';
import {
Modal,
ScaleFade,
@@ -10,14 +9,12 @@ import {
useDisclosure,
ModalCloseButton,
} from '@chakra-ui/react';
import { Markdown } from '~/components';
import { DynamicIcon, Markdown } from '~/components';
import { useColorValue } from '~/context';
import { isQueryContent } from '~/types';
import type { THelpModal } from './types';
const Info = dynamic<MeronexIcon>(() => import('@meronex/icons/fi').then(i => i.FiInfo));
export const HelpModal: React.FC<THelpModal> = (props: THelpModal) => {
const { visible, item, name, ...rest } = props;
const { isOpen, onOpen, onClose } = useDisclosure();
@@ -36,7 +33,7 @@ export const HelpModal: React.FC<THelpModal> = (props: THelpModal) => {
minW={3}
size="md"
variant="link"
icon={<Info />}
icon={<DynamicIcon icon={{ fi: 'FiInfo' }} />}
onClick={onOpen}
colorScheme="blue"
aria-label={`${name}_help`}