theme-commerce

themes/commerce/components/SideRight.js

@@ -0,0 +1,82 @@
+import Card from './Card'
+import CategoryGroup from './CategoryGroup'
+import LatestPostsGroup from './LatestPostsGroup'
+import TagGroups from './TagGroups'
+import Catalog from './Catalog'
+import { InfoCard } from './InfoCard'
+import { AnalyticsCard } from './AnalyticsCard'
+import CONFIG from '../config'
+import { siteConfig } from '@/lib/config'
+import dynamic from 'next/dynamic'
+import Announcement from './Announcement'
+import { useGlobal } from '@/lib/global'
+import Live2D from '@/components/Live2D'
+
+const HexoRecentComments = dynamic(() => import('./HexoRecentComments'))
+const FaceBookPage = dynamic(
+  () => {
+    let facebook = <></>
+    try {
+      facebook = import('@/components/FacebookPage')
+    } catch (err) {
+      console.error(err)
+    }
+    return facebook
+  },
+  { ssr: false }
+)
+
+/**
+ * Hexo主题右侧栏
+ * @param {*} props
+ * @returns
+ */
+export default function SideRight(props) {
+  const {
+    post, currentCategory, categories, latestPosts, tags,
+    currentTag, showCategory, showTag, rightAreaSlot, notice
+  } = props
+
+  const { locale } = useGlobal()
+  return (
+    <div id='sideRight' className={'space-y-4 lg:w-80 lg:pt-0 px-2 pt-4'}>
+      <InfoCard {...props} />
+      {CONFIG.WIDGET_ANALYTICS && <AnalyticsCard {...props} />}
+
+      {showCategory && (
+        <Card>
+          <div className='ml-2 mb-1 '>
+            <i className='fas fa-th' /> {locale.COMMON.CATEGORY}
+          </div>
+          <CategoryGroup
+            currentCategory={currentCategory}
+            categories={categories}
+          />
+        </Card>
+      )}
+      {showTag && (
+        <Card>
+          <TagGroups tags={tags} currentTag={currentTag} />
+        </Card>
+      )}
+      {CONFIG.WIDGET_LATEST_POSTS && latestPosts && latestPosts.length > 0 && <Card>
+        <LatestPostsGroup {...props} />
+      </Card>}
+
+      <Announcement post={notice}/>
+
+      {siteConfig('COMMENT_WALINE_SERVER_URL') && siteConfig('COMMENT_WALINE_RECENT') && <HexoRecentComments/>}
+
+      <div className='sticky top-20'>
+        {post && post.toc && post.toc.length > 1 && <Card>
+          <Catalog toc={post.toc} />
+        </Card>}
+
+        {rightAreaSlot}
+        <FaceBookPage/>
+        <Live2D />
+      </div>
+
+    </div>
+  )
+}