Files
NotionNext/themes/heo/components/TocDrawerButton.js
tangly1024.com d08b83aef9 init-heo
2023-07-11 18:39:47 +08:00

23 lines
648 B
JavaScript

import { useGlobal } from '@/lib/global'
import React from 'react'
import CONFIG from '../config'
/**
* 点击召唤目录抽屉
* 当屏幕下滑500像素后会出现该控件
* @param props 父组件传入props
* @returns {JSX.Element}
* @constructor
*/
const TocDrawerButton = (props) => {
const { locale } = useGlobal()
if (!CONFIG.WIDGET_TOC) {
return <></>
}
return (<div onClick={props.onClick} className='py-2 px-3 cursor-pointer transform duration-200 flex justify-center items-center w-7 h-7 text-center' title={locale.POST.TOP} >
<i className='fas fa-list-ol text-xs'/>
</div>)
}
export default TocDrawerButton