a tool for shared writing and social publishing
added shortcut helper to headers in toolbar
+28
-4
+28
-4
components/Toolbar/TextBlockTypeButtons.tsx
+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>