mesalogo
f68584b4e2
Let users drag the to-do list/detail divider and remember its width. Note headings independently collapse task rows without clearing selected details. Use a 1px divider with a transparent drag target and compact spacing. Validation: 115 focused tests including native Electron input; typecheck and lint passed. Release note: Resize the Magic Notes to-do list with a thin draggable divider and collapse tasks by source note.
31 lines
1.6 KiB
TypeScript
31 lines
1.6 KiB
TypeScript
import { createRoot } from 'react-dom/client'
|
|
import { MagicNotesWorkspace } from '../../src/renderer/src/MagicNotesWorkspace'
|
|
import type { DesktopApi } from '../../src/shared/contracts'
|
|
import i18n from '../../src/renderer/src/i18n'
|
|
import '../../src/renderer/src/styles.css'
|
|
import '../../src/renderer/src/magic-canvas.css'
|
|
|
|
await i18n.changeLanguage('en-US')
|
|
const note = {
|
|
id: 'layout-note', title: 'Layout note', preview: 'Record preview', entryCount: 1,
|
|
pinned: false, revision: 1, createdAt: '2026-09-19T00:00:00Z', updatedAt: '2026-09-19T00:00:00Z',
|
|
entries: [{ id: 'layout-entry', noteId: 'layout-note', revision: 1,
|
|
createdAt: '2026-09-19T00:00:00Z', updatedAt: '2026-09-19T00:00:00Z',
|
|
content: { version: 1, ops: [{ insert: 'Record preview\n' }] }, plainText: 'Record preview', comments: [] }]
|
|
}
|
|
window.goodbuddy = {
|
|
magicNotes: {
|
|
list: async () => ({ notes: [note] }), get: async () => note, listTodos: async () => ({ todos: [{
|
|
id: 'layout-todo', noteId: note.id, noteTitle: note.title, entryId: 'layout-entry',
|
|
title: 'Layout task', instructions: 'Task details', completed: false, revision: 1,
|
|
comments: [], createdAt: note.createdAt, updatedAt: note.updatedAt
|
|
}] }),
|
|
onChanged: () => () => {}, onAnalysisEvent: () => () => {}
|
|
},
|
|
updates: { getSettings: async () => ({ magicNoteCommentMode: 'after-save-manual', magicNoteCommentFormat: 'combined' }) }
|
|
} as unknown as DesktopApi
|
|
const host = document.createElement('div')
|
|
host.style.height = '100vh'
|
|
document.body.append(host)
|
|
createRoot(host).render(<MagicNotesWorkspace onNotify={() => {}} />)
|