Render notes in document view

[eyeseast]

There are two states: Focused and not.

Focused:

Not focused (default):

[eyeseast]

Here's the API response for a document with notes: https://api.www.documentcloud.org/api/documents/2622/?expand=~all

Type: https://github.com/MuckRock/documentcloud-frontend/blob/sveltekit/src/lib/api/types.d.ts#L140-L155

[allanlasser]

In its readable mode, the note should show the highlighted portion of the document, any comments left on that highlight, and any metadata associated with that highlight.

In its writable mode, the note should let you edit the title, content, and privacy.

[allanlasser]

I've drawn Note Selection and Note components.

That can be rendered in a list, for the document's Notes view:

Figma Dev Mode

Or individually on the document's Document view:

Figma Dev Mode

Figma Dev Mode