26 lines
1006 B
JavaScript
26 lines
1006 B
JavaScript
import React from 'react'
|
|
import { ChapterButton, NoteButton } from './button'
|
|
|
|
export const DocumentList = ({notes, chapters, currentDocument, onDocumentClick, docType}) =>
|
|
<div id='document_list'>
|
|
{(docType === 'chapters' && chapters.length > 0) &&
|
|
<ChapterList chapters={chapters} currentChapter={currentDocument} onChapterClick={onDocumentClick}/>
|
|
}
|
|
{(docType === 'notes' && notes.length > 0) &&
|
|
<NoteList notes={notes} currentNote={currentDocument} onNoteClick={onDocumentClick}/>
|
|
}
|
|
</div>
|
|
|
|
export const ChapterList = ({chapters, currentChapter, onChapterClick}) =>
|
|
<div>
|
|
{chapters.map(chapter =>
|
|
<ChapterButton key={chapter.id} currentChapter={currentChapter} chapter={chapter} onClick={()=>onChapterClick(chapter.id, 'chapters')}/>
|
|
)}
|
|
</div>
|
|
|
|
export const NoteList = ({notes, currentNote, onNoteClick}) =>
|
|
<div>
|
|
{notes.map(note =>
|
|
<NoteButton key={note.id} currentNote={currentNote} note={note} onClick={()=>onNoteClick(note.id, 'notes')} />
|
|
)}
|
|
</div> |