diff --git a/apps/client/package.json b/apps/client/package.json index 49b72b4a..5b3d88fe 100644 --- a/apps/client/package.json +++ b/apps/client/package.json @@ -20,7 +20,7 @@ "@mantine/modals": "^7.11.0", "@mantine/notifications": "^7.11.0", "@mantine/spotlight": "^7.11.0", - "@tabler/icons-react": "^3.7.0", + "@tabler/icons-react": "^3.14.0", "@tanstack/react-query": "^5.48.0", "axios": "^1.7.2", "clsx": "^2.1.1", diff --git a/apps/client/src/features/editor/components/slash-menu/menu-items.ts b/apps/client/src/features/editor/components/slash-menu/menu-items.ts index 2c6d5021..8e6cdb14 100644 --- a/apps/client/src/features/editor/components/slash-menu/menu-items.ts +++ b/apps/client/src/features/editor/components/slash-menu/menu-items.ts @@ -7,7 +7,6 @@ import { IconH2, IconH3, IconInfoCircle, - IconLetterY, IconList, IconListNumbers, IconMath, @@ -17,6 +16,7 @@ import { IconPhoto, IconTable, IconTypography, + IconMenu4 } from "@tabler/icons-react"; import { CommandProps, @@ -124,12 +124,20 @@ const CommandGroups: SlashMenuGroupedItemsType = { }, { title: "Code", - description: "Capture a code snippet.", + description: "Insert code snippet.", searchTerms: ["codeblock"], icon: IconCode, command: ({ editor, range }: CommandProps) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run(), }, + { + title: "Divider", + description: "Insert horizontal rule divider", + searchTerms: ["horizontal rule", "hr"], + icon: IconMenu4, + command: ({ editor, range }: CommandProps) => + editor.chain().focus().deleteRange(range).setHorizontalRule().run(), + }, { title: "Image", description: "Upload any image from your device.", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3c054db4..b71d6956 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -208,8 +208,8 @@ importers: specifier: ^7.11.0 version: 7.11.0(@mantine/core@7.11.0(@mantine/hooks@7.11.0(react@18.3.1))(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.11.0(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@tabler/icons-react': - specifier: ^3.7.0 - version: 3.7.0(react@18.3.1) + specifier: ^3.14.0 + version: 3.14.0(react@18.3.1) '@tanstack/react-query': specifier: ^5.48.0 version: 5.48.0(react@18.3.1) @@ -2519,9 +2519,6 @@ packages: resolution: {integrity: sha512-o4lfCnEeIkfJhGBbLZxTuVWcGuqDCFwg5OrvpgRUBM7vI/vONvKKiB5riVNpO+JqXoH0I42NNeDb0m4V5RREig==} peerDependencies: typescript: '>=4.8.2' - peerDependenciesMeta: - typescript: - optional: true '@nestjs/terminus@10.2.3': resolution: {integrity: sha512-iX7gXtAooePcyQqFt57aDke5MzgdkBeYgF5YsFNNFwOiAFdIQEhfv3PR0G+HlH9F6D7nBCDZt9U87Pks/qHijg==} @@ -3721,13 +3718,13 @@ packages: '@swc/types@0.1.7': resolution: {integrity: sha512-scHWahbHF0eyj3JsxG9CFJgFdFNaVQCNAimBlT6PzS3n/HptxqREjsm4OH6AN3lYcffZYSPxXW8ua2BEHp0lJQ==} - '@tabler/icons-react@3.7.0': - resolution: {integrity: sha512-8AU4oO9pgLhHLOSGAJIsRhsTy7w8D7uKBlR0DIFxaILFA1fe2rC4wrNGYUtIFei82y41OuXz9vMk0Oe+IWT3SA==} + '@tabler/icons-react@3.14.0': + resolution: {integrity: sha512-3XdbuyhBNq8aZW0qagR9YL8diACZYSAtaw6VuwcO2l6HzVFPN6N5TDex9WTz/3lf+uktAvOv1kNuuFBjSjN9yw==} peerDependencies: react: '>= 16' - '@tabler/icons@3.7.0': - resolution: {integrity: sha512-lJGIZLSWrPO6VygRUbaVvQjWgL2EaiBMD8e6leCYUQ8ZPO4LIzKMq358C8KlhXJcyNiRz1Io3YWoc/DNTcWqSg==} + '@tabler/icons@3.14.0': + resolution: {integrity: sha512-OakKjK1kuDWKoNwdnHHVMt11kTZAC10iZpN/8o/CSYdeBH7S3v5n8IyqAYynFxLI8yBGTyBvljtvWdmWh57zSg==} '@tanstack/eslint-plugin-query@5.47.0': resolution: {integrity: sha512-Y56KKu0DoftFkCd3H0xckDbvm38kg9UrGF2CABqMYr7yo94XUZhBYE8R3Gq7N4JxRvPha+lUg37eypECY5u2kA==} @@ -11209,7 +11206,6 @@ snapshots: comment-json: 4.2.3 jsonc-parser: 3.2.1 pluralize: 8.0.0 - optionalDependencies: typescript: 5.3.3 transitivePeerDependencies: - chokidar @@ -11221,7 +11217,6 @@ snapshots: comment-json: 4.2.3 jsonc-parser: 3.2.1 pluralize: 8.0.0 - optionalDependencies: typescript: 5.5.2 transitivePeerDependencies: - chokidar @@ -12453,12 +12448,12 @@ snapshots: '@swc/counter': 0.1.3 optional: true - '@tabler/icons-react@3.7.0(react@18.3.1)': + '@tabler/icons-react@3.14.0(react@18.3.1)': dependencies: - '@tabler/icons': 3.7.0 + '@tabler/icons': 3.14.0 react: 18.3.1 - '@tabler/icons@3.7.0': {} + '@tabler/icons@3.14.0': {} '@tanstack/eslint-plugin-query@5.47.0(eslint@9.5.0)(typescript@5.5.2)': dependencies: