From bbd63400f94b43fde04449e0c71d14763d893e6a Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Thu, 19 May 2022 19:46:24 +0200 Subject: refactor: rewrite Prism hooks and providers It avoid some hydratation errors on project pages (not in article however) and the hooks are now reusable. --- src/utils/hooks/use-code-blocks-theme.tsx | 22 ---------------------- 1 file changed, 22 deletions(-) delete mode 100644 src/utils/hooks/use-code-blocks-theme.tsx (limited to 'src/utils/hooks/use-code-blocks-theme.tsx') diff --git a/src/utils/hooks/use-code-blocks-theme.tsx b/src/utils/hooks/use-code-blocks-theme.tsx deleted file mode 100644 index beb7b29..0000000 --- a/src/utils/hooks/use-code-blocks-theme.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import { usePrismTheme } from '@utils/providers/prism-theme'; -import { useRouter } from 'next/router'; -import { RefObject, useEffect, useState } from 'react'; -import useIsMounted from './use-is-mounted'; - -const useCodeBlocksTheme = (el: RefObject) => { - const [preElements, setPreElements] = useState>(); - const isMounted = useIsMounted(el); - const { setCodeBlocks } = usePrismTheme(); - const { asPath } = useRouter(); - - useEffect(() => { - const result = document.querySelectorAll('pre'); - setPreElements(result); - }, [asPath]); - - useEffect(() => { - isMounted && preElements && setCodeBlocks(preElements); - }, [isMounted, preElements, setCodeBlocks]); -}; - -export default useCodeBlocksTheme; -- cgit v1.2.3