a tool for shared writing and social publishing
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

added shortcut helper to headers in toolbar

celine bae55821 55e35b9f

+28 -4
+28 -4
components/Toolbar/TextBlockTypeButtons.tsx
··· 4 4 Header3Small, 5 5 ParagraphSmall, 6 6 } from "components/Icons"; 7 - import { Separator } from "components/Layout"; 7 + import { Separator, ShortcutKey } from "components/Layout"; 8 8 import { ToolbarButton } from "components/Toolbar"; 9 9 import { TextSelection } from "prosemirror-state"; 10 10 import { useCallback } from "react"; ··· 63 63 blockType?.data.value === "heading" && 64 64 headingLevel?.data.value === 1 65 65 } 66 - tooltipContent={<div className="">Title</div>} 66 + tooltipContent={ 67 + <div className="flex flex-col justify-center"> 68 + <div className="font-bold text-center">Title</div> 69 + <div className="flex gap-1 font-normal"> 70 + start line with 71 + <ShortcutKey>#</ShortcutKey> 72 + </div> 73 + </div> 74 + } 67 75 > 68 76 <Header1Small /> 69 77 </ToolbarButton> ··· 77 85 blockType?.data.value === "heading" && 78 86 headingLevel?.data.value === 2 79 87 } 80 - tooltipContent={<div>Heading</div>} 88 + tooltipContent={ 89 + <div className="flex flex-col justify-center"> 90 + <div className="font-bold text-center">Heading</div> 91 + <div className="flex gap-1 font-normal"> 92 + start line with 93 + <ShortcutKey>##</ShortcutKey> 94 + </div> 95 + </div> 96 + } 81 97 > 82 98 <Header2Small /> 83 99 </ToolbarButton> ··· 91 107 blockType?.data.value === "heading" && 92 108 headingLevel?.data.value === 3 93 109 } 94 - tooltipContent={<div>Subheading</div>} 110 + tooltipContent={ 111 + <div className="flex flex-col justify-center"> 112 + <div className="font-bold text-center">Subheading</div> 113 + <div className="flex gap-1 font-normal"> 114 + start line with 115 + <ShortcutKey>###</ShortcutKey> 116 + </div> 117 + </div> 118 + } 95 119 > 96 120 <Header3Small /> 97 121 </ToolbarButton>