Add CheckListIcon

Author: LuisNivar

apps/front-end/src/components/Icons.tsx

@@ -24,6 +24,7 @@ import {
 import {
   IoImageOutline as ImageOutlineIcon,
   IoCheckmark as CheckIcon,
+  IoCheckboxOutline as CheckListIcon,
 } from "react-icons/io5";
 import { BsTextParagraph as ParagraphIcon } from "react-icons/bs";
 import { MdOutlineClose as CloseIcon } from "react-icons/md";
@@ -54,4 +55,5 @@ export {
   TextIcon,
   InlineCodeIcon,
   CodeBlockIcon,
+  CheckListIcon,
 };

apps/front-end/src/plugins/CommandPickerPlugin/index.tsx

@@ -1,14 +1,15 @@
 import {
   BoldIcon,
+  CheckListIcon,
   CodeIcon,
   HeadingIcon,
+  InlineCodeIcon,
   ItalicIcon,
   ParagraphIcon,
   QuoteIcon,
   StrikethroughIcon,
-  UnderlineIcon,
   TextIcon,
-  InlineCodeIcon,
+  UnderlineIcon,
 } from "@/components/Icons";
 import {
   INSERT_CHECK_LIST_COMMAND,
@@ -34,6 +35,7 @@ import {
 import { INSERT_IMAGE_COMMAND } from "../ImagePlugin";
 import useLexicalCommand from "../useLexicalCommand";
 import CommandPicker, { CommandPickerItem } from "./CommandPicker";
+import { InsertImageCommand } from "./InsertImageDialog";
 import {
   CLEAR_FORMAT_TEXT_COMMAND,
   FORMAT_PARAGRAPH_COMMAND,
@@ -50,7 +52,6 @@ import {
   useRemoveCaretCommand,
 } from "./commads";
 import { $getQueryTextForSearch } from "./utils";
-import { InsertImageCommand } from "./InsertImageDialog";
 
 export type ComponentPickerMenuPluginProps = {
   /**
@@ -201,8 +202,8 @@ export default function ComponentPickerMenuPlugin({
       <CommandPickerItem
         onSelect={() => dispatch(INSERT_CHECK_LIST_COMMAND, undefined)}
         keywords="list checklist todo"
-        icon={<OrderedListIcon />}
-        label="Checklist"
+        icon={<CheckListIcon />}
+        label="Check List"
       />
 
       <CommandPickerItem