diff options
Diffstat (limited to 'src/pages/article')
| -rw-r--r-- | src/pages/article/[slug].tsx | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/src/pages/article/[slug].tsx b/src/pages/article/[slug].tsx index fb79b41..509be4f 100644 --- a/src/pages/article/[slug].tsx +++ b/src/pages/article/[slug].tsx @@ -3,7 +3,6 @@ import CommentsList from '@components/CommentsList/CommentsList'; import { getLayout } from '@components/Layouts/Layout'; import PostFooter from '@components/PostFooter/PostFooter'; import PostHeader from '@components/PostHeader/PostHeader'; -import ToC from '@components/ToC/ToC'; import { config } from '@config/website'; import { getAllPostsSlug, getPostBySlug } from '@services/graphql/queries'; import { NextPageWithLayout } from '@ts/types/app'; @@ -17,7 +16,7 @@ import Prism from 'prismjs'; import { ParsedUrlQuery } from 'querystring'; import { useEffect } from 'react'; import styles from '@styles/pages/Page.module.scss'; -import { Sharing } from '@components/Widget'; +import { Sharing, ToC } from '@components/Widgets'; import Sidebar from '@components/Sidebar/Sidebar'; const SingleArticle: NextPageWithLayout<ArticleProps> = ({ post }) => { @@ -60,15 +59,15 @@ const SingleArticle: NextPageWithLayout<ArticleProps> = ({ post }) => { </Head> <article className={styles.article}> <PostHeader intro={intro} meta={meta} title={title} /> - <aside className={styles.toc}> + <Sidebar position="left"> <ToC /> - </aside> + </Sidebar> <div className={styles.body} dangerouslySetInnerHTML={{ __html: content }} ></div> <PostFooter subjects={subjects} /> - <Sidebar> + <Sidebar position="right"> <Sharing title={title} excerpt={intro} /> </Sidebar> <section className={styles.comments}> |