fix: 불필요 파일 삭제

Author: 01-binary

pages/_app.tsx

@@ -4,8 +4,9 @@ import Layout from '@/components/layout';
 
 import 'prismjs/themes/prism-tomorrow.css';
 import 'katex/dist/katex.min.css';
+
 import '@/assets/styles/index.css';
-import '@/assets/styles/notion-x.css';
+import 'notion-to-jsx/dist/index.css';
 
 const App = ({ Component, pageProps }: AppProps) => {
   return (

pages/about.tsx

@@ -1,26 +1,21 @@
 import { GetStaticProps } from 'next';
-import { NotionRenderer } from 'react-notion-x';
+import { NotionBlock, Renderer } from 'notion-to-jsx';
 
-import { ExtendedRecordMap as EmbeddedRecordMap } from '@/interfaces/notion';
-import { getPage } from '@/utils';
+import { notionClient } from '@/utils';
 
 import PageHead from '@/components/common/PageHead';
 
 import { REVALIDATE_TIME } from '@/assets/constants';
 
 interface Props {
-  recordMap: EmbeddedRecordMap;
+  blocks: NotionBlock[];
 }
 
-const AboutPage = ({ recordMap }: Props) => {
+const AboutPage = ({ blocks }: Props) => {
   return (
     <>
       <PageHead title="About" />
-      <article>
-        <NotionRenderer
-          recordMap={recordMap as Parameters<typeof NotionRenderer>[0]['recordMap']}
-        />
-      </article>
+      <Renderer blocks={blocks} />
     </>
   );
 };
@@ -32,11 +27,10 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
 
   if (!aboutId) throw new Error('NOTION_ABOUT_ID is not defined');
 
-  const recordMap = await getPage(aboutId);
-
+  const blocks = (await notionClient.getPageBlocks(aboutId)) as NotionBlock[];
   return {
     props: {
-      recordMap,
+      blocks,
     },
     revalidate: REVALIDATE_TIME,
   };

pages/posts/[slug].tsx

@@ -10,7 +10,6 @@ import PageHead from '@/components/common/PageHead';
 
 import { REVALIDATE_TIME } from '@/assets/constants';
 
-import 'notion-to-jsx/dist/index.css';
 interface Props {
   blocks: NotionBlock[];
   seo: {

src/assets/styles/index.css

@@ -10,45 +10,3 @@ body {
 
   min-width: 360px;
 }
-
-.notion-page {
-  padding-bottom: calc(max(5vh, 32px)) !important;
-  line-height: 1.65;
-}
-
-.notion-text {
-  padding: 0.5em 2px;
-}
-
-.notion-page-cover-wrapper,
-.notion-page-cover-wrapper span,
-.notion-page-cover-wrapper img {
-  max-width: 1200px !important;
-  border-radius: 24px;
-}
-
-.notion-collection-page-properties {
-  display: none !important;
-}
-
-@media only screen and (max-width: 1200px) {
-  .notion-page-cover-wrapper,
-  .notion-page-cover-wrapper span,
-  .notion-page-cover-wrapper img {
-    border-radius: 0;
-  }
-}
-
-@media (min-width: 1300px) and (min-height: 300px) {
-  .notion-page-content-has-aside {
-    width: calc((97vw + var(--notion-max-width)) / 2);
-  }
-}
-
-.notion-page-cover-wrapper {
-  box-shadow: 2px 2px 8px 4px rgba(15, 15, 15, 0.1);
-}
-
-.notion-aside-table-of-contents-header {
-  display: none;
-}