d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-20 23:16:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

example 主题 调整 tag\category 结构

Browse Source
This commit is contained in:
tangly1024.com
2023-02-03 13:46:30 +08:00
parent d93f08fe11
commit 3c280ddf58
13 changed files with 27 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
themes/example/LayoutCategoryIndex.js
View File

@@ -1,13 +1,12 @@
import Link from 'next/link'
import LayoutBase from './LayoutBase'
export const LayoutCategoryIndex = (props) => {
const { categories } = props
export const LayoutCategoryIndex = props => {
const { categoryOptions } = props
return (
<LayoutBase {...props}>
<div id='category-list' className='duration-200 flex flex-wrap'>
{categories && categories.map(category => {
{categoryOptions?.map(category => {
return (
<Link
key={category.name}

8
themes/example/LayoutTagIndex.js
View File

@@ -2,12 +2,12 @@ import Link from 'next/link'
import LayoutBase from './LayoutBase'
export const LayoutTagIndex = (props) => {
const { tags } = props
const { tagOptions } = props
return (
<LayoutBase {...props}>
<div>
<div id='tags-list' className='duration-200 flex flex-wrap'>
{tags.map(tag => {
{tagOptions.map(tag => {
return (
<div key={tag.name} className='p-2'>
<Link
@@ -21,9 +21,9 @@ export const LayoutTagIndex = (props) => {
</Link>
</div>
);
)
})}
</div>
</div> </LayoutBase>
);
)
}

10
themes/example/components/SideBar.js
View File

@@ -7,7 +7,7 @@ const ExampleRecentComments = dynamic(() => import('./ExampleRecentComments'))
export const SideBar = (props) => {
const { locale } = useGlobal()
const { latestPosts, categories } = props
const { latestPosts, categoryOptions } = props
return (
<div className="w-full md:w-64 sticky top-8">
@@ -16,7 +16,7 @@ export const SideBar = (props) => {
<div className="p-4">
<ul className="list-reset leading-normal">
{categories?.map(category => {
{categoryOptions?.map(category => {
return (
<Link
key={category.name}
@@ -25,7 +25,7 @@ export const SideBar = (props) => {
legacyBehavior>
<li> <a href="#" className="text-gray-darkest text-sm">{category.name}({category.count})</a></li>
</Link>
);
)
})}
</ul>
</div>
@@ -42,7 +42,7 @@ export const SideBar = (props) => {
<Link key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
<li> <a href="#" className="text-gray-darkest text-sm">{p.title}</a></li>
</Link>
);
)
})}
</ul>
</div>
@@ -61,5 +61,5 @@ export const SideBar = (props) => {
</aside>
</div>
);
)
}