forked from akai/readest
chrox
24 lines
790 B
TypeScript
24 lines
790 B
TypeScript
import React from 'react';
|
|
|
|
import { BookDoc } from '@/libs/document';
|
|
import TOCView from './TOCView';
|
|
import BooknoteView from './BooknoteView';
|
|
|
|
const SidebarContent: React.FC<{
|
|
activeTab: string;
|
|
bookDoc: BookDoc;
|
|
sideBarBookKey: string;
|
|
}> = ({ activeTab, bookDoc, sideBarBookKey }) => (
|
|
<div className='sidebar-content overflow-y-auto font-sans text-sm font-light shadow-inner'>
|
|
{activeTab === 'toc' && bookDoc.toc && <TOCView toc={bookDoc.toc} bookKey={sideBarBookKey} />}
|
|
{activeTab === 'annotations' && (
|
|
<BooknoteView type='annotation' toc={bookDoc.toc} bookKey={sideBarBookKey} />
|
|
)}
|
|
{activeTab === 'bookmarks' && (
|
|
<BooknoteView type='bookmark' toc={bookDoc.toc} bookKey={sideBarBookKey} />
|
|
)}
|
|
</div>
|
|
);
|
|
|
|
export default SidebarContent;
|