chore: fix super icons

packages/web/src/javascripts/Components/Icon/IconNameToSvgMapping.tsx

@@ -14,6 +14,7 @@ export const IconNameToSvgMapping = {
   'arrows-sort-up': icons.ArrowsSortUpIcon,
   'arrows-vertical': icons.ArrowsVerticalIcon,
   'attachment-file': icons.AttachmentFileIcon,
+  'caret-right': icons.CaretRightIcon,
   'check-bold': icons.CheckBoldIcon,
   'check-circle-filled': icons.CheckCircleFilledIcon,
   'check-circle': icons.CheckCircleIcon,
@@ -103,6 +104,7 @@ export const IconNameToSvgMapping = {
   link: icons.LinkIcon,
   listed: icons.ListedIcon,
   lock: icons.LockIcon,
+  image: icons.ImageIcon,
   markdown: icons.MarkdownIcon,
   merge: icons.MergeIcon,
   more: icons.MoreIcon,

packages/web/src/javascripts/Components/Icon/LexicalIcons.tsx

@@ -6,7 +6,6 @@ export const LexicalIconNameToSvgMapping = {
   'align-justify': icons.LexicalTextJustify,
   'align-left': icons.LexicalTextLeft,
   'align-right': icons.LexicalTextRight,
-  'caret-right-fill': icons.LexicalCaretRightFill,
   'horizontal-rule': icons.LexicalHorizontalRule,
   'list-ol': icons.LexicalListOL,
   'list-ul': icons.LexicalListUL,

packages/web/src/javascripts/Components/SuperEditor/Plugins/BlockPickerPlugin/BlockPickerMenuItem.tsx

@@ -29,7 +29,7 @@ export function BlockPickerMenuItem({
       onMouseEnter={onMouseEnter}
       onClick={onClick}
     >
-      <Icon type={option.iconName} className="mt-1.5 h-5 w-5" />
+      <Icon type={option.iconName} className="h-5 w-5" />
       <div className="text-editor">{option.title}</div>
     </li>
   )

packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Collapsible.tsx

@@ -1,11 +1,11 @@
 import { LexicalEditor } from 'lexical'
 import { INSERT_COLLAPSIBLE_COMMAND } from '../../Plugins/CollapsiblePlugin'
-import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
+import { IconType } from '@standardnotes/snjs'
 
 export function GetCollapsibleBlock(editor: LexicalEditor) {
   return {
     name: 'Collapsible',
-    iconName: 'caret-right-fill' as LexicalIconName,
+    iconName: 'caret-right' as IconType,
     keywords: ['collapse', 'collapsible', 'toggle'],
     onSelect: () => editor.dispatchCommand(INSERT_COLLAPSIBLE_COMMAND, undefined),
   }

packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/RemoteImage.tsx

@@ -1,7 +1,7 @@
 export function GetRemoteImageBlock(onSelect: () => void) {
   return {
     name: 'Image from URL',
-    iconName: 'file-image',
+    iconName: 'image',
     keywords: ['image', 'url'],
     onSelect,
   }