parrottjrs / think-write

A writing app that organizes, inspires, and keeps you accountable.

Home Page:https://parrottjrs.github.io/think-write/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[GOAL] Make a segment editor

ecumene opened this issue · comments

commented
  • Take quill out of the editor and into its own component
  • Take in a segment ID or maybe some segment value and onChange callback as props

Start from here:
https://github.com/parrottjrs/think-write/blob/ee68ed7b6b31594804f5df68cbf5c0a63a268ca6/src/pages/Editor.tsx#L11C18-L11C18

In the end:

<SegmentEditor value={segmentContent} onChange={() => ...} isLocked={segment.locked} />

This line:

<LockedSessions sessions={sessions} />

Should look like this:

{sessions.map(() => <SegmentEditor value={segmentContent} onChange={() => ...} isLocked={segment.locked} />)}