diff --git a/components/Footer.tsx b/components/Footer.tsx index e927b79606..cf5a58cc60 100644 --- a/components/Footer.tsx +++ b/components/Footer.tsx @@ -1,17 +1,13 @@ -import { FaEnvelopeOpenText } from '@react-icons/all-files/fa/FaEnvelopeOpenText' -import { FaGithub } from '@react-icons/all-files/fa/FaGithub' -import { FaLinkedin } from '@react-icons/all-files/fa/FaLinkedin' -import { FaMastodon } from '@react-icons/all-files/fa/FaMastodon' -import { FaTwitter } from '@react-icons/all-files/fa/FaTwitter' -import { FaYoutube } from '@react-icons/all-files/fa/FaYoutube' -import { FaZhihu } from '@react-icons/all-files/fa/FaZhihu' -import { IoMoonSharp } from '@react-icons/all-files/io5/IoMoonSharp' -import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline' +import cs from 'classnames' import * as React from 'react' +import { IoMoonSharp, IoSunnyOutline } from 'react-icons/io5' +import { useNotionContext } from 'react-notion-x' -import * as config from '@/lib/config' +import { footerLinks } from '@/lib/config' import { useDarkMode } from '@/lib/use-dark-mode' +import { PageSocialButtons } from './PageSocial' +import { StaticLogo } from './StaticLogo' import styles from './styles.module.css' // TODO: merge the data and icons from PageSocial with the social links in Footer @@ -33,110 +29,63 @@ export function FooterImpl() { setHasMounted(true) }, []) + const { components, mapPageUrl } = useNotionContext() + return ( ) } diff --git a/components/NotionPageHeader.tsx b/components/NotionPageHeader.tsx index 5fbb087ce3..f36c584ffb 100644 --- a/components/NotionPageHeader.tsx +++ b/components/NotionPageHeader.tsx @@ -1,13 +1,13 @@ import type * as types from 'notion-types' -import { IoMoonSharp } from '@react-icons/all-files/io5/IoMoonSharp' -import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline' import cs from 'classnames' import * as React from 'react' -import { Breadcrumbs, Header, Search, useNotionContext } from 'react-notion-x' +import { IoMoonSharp, IoSunnyOutline } from 'react-icons/io5' +import { Header, Search, useNotionContext } from 'react-notion-x' import { isSearchEnabled, navigationLinks, navigationStyle } from '@/lib/config' import { useDarkMode } from '@/lib/use-dark-mode' +import { StaticLogo } from './StaticLogo' import styles from './styles.module.css' function ToggleThemeButton() { @@ -23,12 +23,13 @@ function ToggleThemeButton() { }, [toggleDarkMode]) return ( -