Add privacy policy in footer

Author: Yeraze

components/Footer.tsx

@@ -14,12 +14,14 @@ import * as config from '@/lib/config'
 import { useDarkMode } from '@/lib/use-dark-mode'
 
 import styles from './styles.module.css'
+import { useNotionContext } from 'react-notion-x'
 
 // TODO: merge the data and icons from PageSocial with the social links in Footer
 
 export const FooterImpl: React.FC = () => {
   const [hasMounted, setHasMounted] = React.useState(false)
   const { isDarkMode, toggleDarkMode } = useDarkMode()
+  const { mapPageUrl } = useNotionContext()
 
   const onToggleDarkMode = React.useCallback(
     (e) => {
@@ -36,7 +38,17 @@ export const FooterImpl: React.FC = () => {
   return (
     <footer className={styles.footer}>
       <div className={styles.copyright}>Copyright 2022 {config.author}</div>
-
+      {config.privacyPolicy && (
+        <a 
+          className={styles.copyright}
+          href={mapPageUrl(config.privacyPolicy)}
+          title='Privacy Policy'
+          target='_blank'
+          rel='noopener noreferrer'
+        >
+          Privacy Policy
+        </a>
+      )}
       <div className={styles.settings}>
         {hasMounted && (
           <a

lib/config.ts

@@ -61,7 +61,7 @@ export const youtube: string | null = getSiteConfig('youtube', null)
 export const linkedin: string | null = getSiteConfig('linkedin', null)
 export const newsletter: string | null = getSiteConfig('newsletter', null)
 export const zhihu: string | null = getSiteConfig('zhihu', null)
-
+export const privacyPolicy : string | null = getSiteConfig('privacyPolicy', null)
 export const getMastodonHandle = (): string | null => {
   if (!mastodon) {
     return null

lib/site-config.ts

@@ -17,6 +17,7 @@ export interface SiteConfig {
   youtube?: string
   zhihu?: string
   mastodon?: string;
+  privacyPolicy?: string;
 
   googleAnalyticsId?: string | null
   disqusShortname?: string | null

site.config.ts

@@ -23,7 +23,7 @@ export default siteConfig({
   mastodon: 'https://indieweb.social/@Yeraze', // optional mastodon profile URL, provides link verification
   // newsletter: '#', // optional newsletter URL
   // youtube: '#', // optional youtube channel name or `channel/UCGbXXXXXXXXXXXXXXXXXXXXXX`
-
+  privacyPolicy: '64f7bf74081041139f049af5f9b88017',
   // default notion icon and cover images for site-wide consistency (optional)
   // page-specific values will override these site-wide defaults
   defaultPageIcon: null,