Merge pull request NotionX#349 from MichaelCasaDev/support-icons

Add support to new Notion built-in icons

Author: normdoow

packages/react-notion-x/src/components/page-icon.tsx

@@ -29,7 +29,7 @@ export const PageIconImpl: React.FC<{
   hideDefaultIcon = false,
   defaultIcon
 }) => {
-  const { mapImageUrl, recordMap } = useNotionContext()
+  const { mapImageUrl, recordMap, darkMode } = useNotionContext()
   let isImage = false
   let content: any = null
 
@@ -41,6 +41,20 @@ export const PageIconImpl: React.FC<{
       const url = mapImageUrl(icon, block)
       isImage = true
 
+      content = (
+        <LazyImage
+          src={url}
+          alt={title || 'page icon'}
+          className={cs(className, 'notion-page-icon')}
+        />
+      )
+    } else if (icon && icon.startsWith('/icons/')) {
+      const url =
+        'https://www.notion.so' +
+        icon +
+        '?mode=' +
+        (darkMode ? 'dark' : 'light')
+
       content = (
         <LazyImage
           src={url}