k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-06-19 13:21:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix content divider placed above paragraph instead of below (#624)

Browse Source 
- Change divider from line-prefix action to insert action at cursor position
- Divider now inserts after the cursor with proper spacing
This commit is contained in:
Maurice
2026-04-14 20:31:47 +02:00
parent 81d3d6cc7d
commit 5ea4095beb
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Journey/MarkdownToolbar.tsx
+5 -2
View File
@@ -6,7 +6,7 @@ interface Props {
dark?: boolean dark?: boolean
} }
type FormatAction = { type: 'wrap'; before: string; after: string } | { type: 'line'; prefix: string } type FormatAction = { type: 'wrap'; before: string; after: string } | { type: 'line'; prefix: string } | { type: 'insert'; text: string }
const ACTIONS: Array<{ icon: typeof Bold; label: string; action: FormatAction }> = [ const ACTIONS: Array<{ icon: typeof Bold; label: string; action: FormatAction }> = [
{ icon: Bold, label: 'Bold', action: { type: 'wrap', before: '**', after: '**' } }, { icon: Bold, label: 'Bold', action: { type: 'wrap', before: '**', after: '**' } },
@@ -16,7 +16,7 @@ const ACTIONS: Array<{ icon: typeof Bold; label: string; action: FormatAction }>
{ icon: Link, label: 'Link', action: { type: 'wrap', before: '[', after: '](url)' } }, { icon: Link, label: 'Link', action: { type: 'wrap', before: '[', after: '](url)' } },
{ icon: List, label: 'List', action: { type: 'line', prefix: '- ' } }, { icon: List, label: 'List', action: { type: 'line', prefix: '- ' } },
{ icon: ListOrdered, label: 'Ordered', action: { type: 'line', prefix: '1. ' } }, { icon: ListOrdered, label: 'Ordered', action: { type: 'line', prefix: '1. ' } },
{ icon: Minus, label: 'Divider', action: { type: 'line', prefix: '\n---\n' } }, { icon: Minus, label: 'Divider', action: { type: 'insert', text: '\n\n---\n\n' } },
] ]
export default function MarkdownToolbar({ textareaRef, onUpdate, dark }: Props) { export default function MarkdownToolbar({ textareaRef, onUpdate, dark }: Props) {
@@ -35,6 +35,9 @@ export default function MarkdownToolbar({ textareaRef, onUpdate, dark }: Props)
if (action.type === 'wrap') { if (action.type === 'wrap') {
result = text.slice(0, start) + action.before + selected + action.after + text.slice(end) result = text.slice(0, start) + action.before + selected + action.after + text.slice(end)
cursorPos = selected ? end + action.before.length + action.after.length : start + action.before.length cursorPos = selected ? end + action.before.length + action.after.length : start + action.before.length
} else if (action.type === 'insert') {
result = text.slice(0, start) + action.text + text.slice(end)
cursorPos = start + action.text.length
} else { } else {
// line prefix — find start of current line // line prefix — find start of current line
const lineStart = text.lastIndexOf('\n', start - 1) + 1 const lineStart = text.lastIndexOf('\n', start - 1) + 1