dev.2ha.me/lixiyu-net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add an interactive method for right-swiping to pop up the TOC to the reader page.

Browse Source
This commit is contained in:
PrinOrange
2024-01-04 12:30:29 +08:00
parent cc7e71ff1b
commit 200ea30bbd
4 changed files with 35 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/readerpage/DrawerTOC.tsx
View File

@@ -1,11 +1,12 @@
import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet";
import useDrawerTOCState from "@/stores/useDrawerTOCState";
import { TTOCItem } from "@/types/toc.type";
import Link from "next/link";
import { useState } from "react";
import { FaHeading } from "react-icons/fa";
export const DrawerTOC = (props: { data: TTOCItem[] }) => {
const [isTOCOpen, setIsTOCOpen] = useState(false);
const isTOCOpen = useDrawerTOCState((state) => state.isOpen);
const setIsTOCOpen = useDrawerTOCState((state) => state.changeDrawerTOCOpen);
return (
<Sheet open={isTOCOpen} onOpenChange={setIsTOCOpen}>
<SheetTrigger