diff --git a/src/lib/notion.ts b/src/lib/notion.ts
index 0085f09..fb99218 100644
--- a/src/lib/notion.ts
+++ b/src/lib/notion.ts
@@ -1,6 +1,6 @@
import { Client } from '@notionhq/client';
-import { LinkResult, TreeResult } from '@/types/notion';
+import { LinkResult, PageIcon, TreeResult } from '@/types/notion';
const NOTION_LINK_DATABASE_ID = process.env.NEXT_PUBLIC_NOTION_LINK_DATABASE_ID;
const NOTION_TREE_DATABASE_ID = process.env.NEXT_PUBLIC_NOTION_TREE_DATABASE_ID;
@@ -133,6 +133,7 @@ export type Tree = {
link: string;
display: string;
order: number;
+ icon: PageIcon;
};
export const getSocialTree = async () => {
@@ -149,9 +150,10 @@ export const getSocialTree = async () => {
const tree: Tree[] = results
.map((result) => ({
id: result.id,
- link: result.properties.link.title[0]?.plain_text,
- display: result.properties.display.rich_text[0]?.plain_text ?? '',
+ display: result.properties.display.title[0]?.plain_text,
+ link: result.properties.link.rich_text[0]?.plain_text ?? '',
order: result.properties.order.number,
+ icon: result.icon,
}))
.sort((a, b) => a.order - b.order);
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 7c468c0..bcb45b6 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @next/next/no-img-element */
import clsx from 'clsx';
import { InferGetStaticPropsType } from 'next';
import * as React from 'react';
@@ -23,7 +24,7 @@ export default function IndexPage({