d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-14 07:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: medium theme page refresh causing the catalog loss, phone style optimization

Browse Source
This commit is contained in:
Femoon
2024-04-28 16:44:37 +08:00
parent 023fe9e3d7
commit 5b27136521
2 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
themes/medium/components/BottomMenuBar.js
View File

@@ -4,7 +4,7 @@ import JumpToTopButton from './JumpToTopButton'
export default function BottomMenuBar ({ post, className }) {
const { tocVisible, changeTocVisible } = useMediumGlobal()
const showTocBotton = post?.toc?.length > 0
const showTocButton = post?.toc?.length > 0
const toggleToc = () => {
changeTocVisible(!tocVisible)
@@ -18,13 +18,13 @@ export default function BottomMenuBar ({ post, className }) {
<i className='fas fa-search'/>
</div>
</Link>
<div className='flex w-full items-center justify-center cursor-pointer'>
<div className='flex w-full items-center justify-center cursor-pointer z-20'>
<JumpToTopButton/>
</div>
{showTocBotton && <div onClick={toggleToc} className='flex w-full items-center justify-center cursor-pointer'>
{showTocButton && <div onClick={toggleToc} className='flex w-full items-center justify-center cursor-pointer z-30'>
<i className='fas fa-list-ol ' />
</div>}
{ !showTocBotton && <Link href='/' passHref legacyBehavior>
{ !showTocButton && <Link href='/' passHref legacyBehavior>
<div className='flex w-full items-center justify-center cursor-pointer'>
<i className='fas fa-home' />
</div>

20
themes/medium/index.js
View File

@@ -51,12 +51,20 @@ const LayoutBase = props => {
const router = useRouter()
const [tocVisible, changeTocVisible] = useState(false)
const { onLoading, fullWidth } = useGlobal()
const [slotRight, setSlotRight] = useState(null);
useEffect(()=> {
if (post?.toc?.length > 0) {
setSlotRight(
<div key={locale.COMMON.TABLE_OF_CONTENTS}>
<Catalog toc={post?.toc} />
</div>
);
} else {
setSlotRight(null);
}
},[post])
const slotRight = post?.toc?.length > 0 && (
<div key={locale.COMMON.TABLE_OF_CONTENTS} >
<Catalog toc={post?.toc} />
</div>
)
const slotTop = <BlogPostBar {...props} />
return (
@@ -178,7 +186,7 @@ const LayoutSlug = props => {
}, [post])
return (
<div showInfoCard={true} slotRight={slotRight} {...props} >
<div {...props} >
{/* 文章锁 */}
{lock && <ArticleLock validPassword={validPassword} />}