diff --git a/src/components/study/CompareSheet.jsx b/src/components/study/CompareSheet.jsx index eed2fd4..d02226e 100644 --- a/src/components/study/CompareSheet.jsx +++ b/src/components/study/CompareSheet.jsx @@ -6,6 +6,7 @@ import { loadProjectById } from '../../utils/projectStorage.js'; import { formatChunkReference, getChunkVerseEntries } from '../../utils/bibleUtils.jsx'; import { READER_TRANSLATIONS, fetchChapter, translationName } from '../../utils/bibleText.js'; import { alignVerses, translationSpans } from '../../utils/compareTranslations.js'; +import { ownShare, pastedWords, withPaste } from '../../utils/ownWork.js'; const FIELDS = [['observation', 'Observe'], ['interpretation', 'Interpret'], ['application', 'Apply']]; @@ -37,6 +38,37 @@ function Column({ entry }) { ); } +const OIA = [ + ['observation', 'Observe', 'What does the text say?'], + ['interpretation', 'Interpret', 'What does it mean?'], + ['application', 'Apply', 'What do I do with it?'], +]; + +// The chunk's own Observe / Interpret / Apply notes, editable right here while the translations are side by side. +// They are the same notes as on the Study page, and long pastes are tagged the same way. +function OiaBoxes({ chunk, updateChunk }) { + const share = ownShare(chunk); + return ( +
+

Your notes{share !== null ? ` · ${share}% your own words` : ''}

+
+ {OIA.map(([field, label, hint]) => { + const pasted = pastedWords(chunk, field); + return ( +