133 |
134 |
143 |
144 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
159 | {
164 | console.log(editor.getEditorState().toJSON());
165 | editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold");
166 | setIsBold(pressed);
167 | }}
168 | >
169 |
170 |
171 |
172 | {
177 | editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic");
178 | setIsItalic(pressed);
179 | }}
180 | >
181 |
182 |
183 |
184 | {
189 | editor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline");
190 | setIsUnderline(pressed);
191 | }}
192 | >
193 |
194 |
195 |
196 |
197 | );
198 | }
199 |
--------------------------------------------------------------------------------
/src/components/ui/dropdown-menu.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
3 | import {
4 | CheckIcon,
5 | ChevronRightIcon,
6 | DotFilledIcon,
7 | } from "@radix-ui/react-icons"
8 |
9 | import { cn } from "@/lib/utils"
10 |
11 | const DropdownMenu = DropdownMenuPrimitive.Root
12 |
13 | const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
14 |
15 | const DropdownMenuGroup = DropdownMenuPrimitive.Group
16 |
17 | const DropdownMenuPortal = DropdownMenuPrimitive.Portal
18 |
19 | const DropdownMenuSub = DropdownMenuPrimitive.Sub
20 |
21 | const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
22 |
23 | const DropdownMenuSubTrigger = React.forwardRef<
24 | React.ElementRef