From ba621639275706af957baf36516dcd2d08d4df44 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Mon, 30 Sep 2024 13:52:12 +0800
Subject: [PATCH] starter-sharebar

---
 components/ShareButtons.js | 88 +++++++++++++++++++-------------------
 themes/starter/index.js    | 27 ++++++------
 2 files changed, 59 insertions(+), 56 deletions(-)

diff --git a/components/ShareButtons.js b/components/ShareButtons.js
index 616c39c1..5ea54055 100644
--- a/components/ShareButtons.js
+++ b/components/ShareButtons.js
@@ -5,48 +5,48 @@ import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 
 import {
-  EmailIcon,
-  EmailShareButton,
-  FacebookIcon,
-  FacebookMessengerIcon,
-  FacebookMessengerShareButton,
-  FacebookShareButton,
-  HatenaIcon,
-  HatenaShareButton,
-  InstapaperIcon,
-  InstapaperShareButton,
-  LineIcon,
-  LineShareButton,
-  LinkedinIcon,
-  LinkedinShareButton,
-  LivejournalIcon,
-  LivejournalShareButton,
-  MailruIcon,
-  MailruShareButton,
-  OKIcon,
-  OKShareButton,
-  PinterestIcon,
-  PinterestShareButton,
-  PocketIcon,
-  PocketShareButton,
-  RedditIcon,
-  RedditShareButton,
-  TelegramIcon,
-  TelegramShareButton,
-  TumblrIcon,
-  TumblrShareButton,
-  TwitterIcon,
-  TwitterShareButton,
-  VKIcon,
-  VKShareButton,
-  ViberIcon,
-  ViberShareButton,
-  WeiboIcon,
-  WeiboShareButton,
-  WhatsappIcon,
-  WhatsappShareButton,
-  WorkplaceIcon,
-  WorkplaceShareButton
+    EmailIcon,
+    EmailShareButton,
+    FacebookIcon,
+    FacebookMessengerIcon,
+    FacebookMessengerShareButton,
+    FacebookShareButton,
+    HatenaIcon,
+    HatenaShareButton,
+    InstapaperIcon,
+    InstapaperShareButton,
+    LineIcon,
+    LineShareButton,
+    LinkedinIcon,
+    LinkedinShareButton,
+    LivejournalIcon,
+    LivejournalShareButton,
+    MailruIcon,
+    MailruShareButton,
+    OKIcon,
+    OKShareButton,
+    PinterestIcon,
+    PinterestShareButton,
+    PocketIcon,
+    PocketShareButton,
+    RedditIcon,
+    RedditShareButton,
+    TelegramIcon,
+    TelegramShareButton,
+    TumblrIcon,
+    TumblrShareButton,
+    TwitterIcon,
+    TwitterShareButton,
+    VKIcon,
+    VKShareButton,
+    ViberIcon,
+    ViberShareButton,
+    WeiboIcon,
+    WeiboShareButton,
+    WhatsappIcon,
+    WhatsappShareButton,
+    WorkplaceIcon,
+    WorkplaceShareButton
 } from 'react-share'
 
 const QrCode = dynamic(() => import('@/components/QrCode'), { ssr: false })
@@ -59,8 +59,8 @@ const QrCode = dynamic(() => import('@/components/QrCode'), { ssr: false })
 const ShareButtons = ({ post }) => {
   const router = useRouter()
   const [shareUrl, setShareUrl] = useState(siteConfig('LINK') + router.asPath)
-  const title = post.title || siteConfig('TITLE')
-  const image = post.pageCover
+  const title = post?.title || siteConfig('TITLE')
+  const image = post?.pageCover
   const body =
     post?.title + ' | ' + title + ' ' + shareUrl + ' ' + post?.summary
 
diff --git a/themes/starter/index.js b/themes/starter/index.js
index 97bf2cac..260e5ca3 100644
--- a/themes/starter/index.js
+++ b/themes/starter/index.js
@@ -24,6 +24,7 @@ import { Testimonials } from './components/Testimonials'
 import CONFIG from './config'
 import { Style } from './style'
 // import { MadeWithButton } from './components/MadeWithButton'
+import ShareBar from '@/components/ShareBar'
 import { loadWowJS } from '@/lib/plugins/wow'
 import { SignIn, SignUp } from '@clerk/nextjs'
 import Link from 'next/link'
@@ -141,6 +142,7 @@ const LayoutSlug = props => {
           <div id='container-inner' className='w-full p-4'>
             <div id='article-wrapper' className='mx-auto'>
               <NotionPage {...props} />
+              <ShareBar post={post}/>
             </div>
           </div>
         </div>
@@ -277,16 +279,17 @@ const LayoutSignUp = props => {
 }
 
 export {
-  Layout404,
-  LayoutArchive,
-  LayoutBase,
-  LayoutCategoryIndex,
-  LayoutIndex,
-  LayoutPostList,
-  LayoutSearch,
-  LayoutSignIn,
-  LayoutSignUp,
-  LayoutSlug,
-  LayoutTagIndex,
-  CONFIG as THEME_CONFIG
+    Layout404,
+    LayoutArchive,
+    LayoutBase,
+    LayoutCategoryIndex,
+    LayoutIndex,
+    LayoutPostList,
+    LayoutSearch,
+    LayoutSignIn,
+    LayoutSignUp,
+    LayoutSlug,
+    LayoutTagIndex,
+    CONFIG as THEME_CONFIG
 }
+