Sidebar item dropdown

src-web/components/core/Icon.tsx

@@ -6,24 +6,26 @@ import {
   CodeIcon,
   ColorWheelIcon,
   Cross2Icon,
+  DotsHorizontalIcon,
+  DotsVerticalIcon,
   EyeOpenIcon,
   GearIcon,
   HomeIcon,
-  MoonIcon,
   ListBulletIcon,
+  MagicWandIcon,
+  MagnifyingGlassIcon,
+  MoonIcon,
   PaperPlaneIcon,
   PlusCircledIcon,
   PlusIcon,
   QuestionMarkIcon,
+  RowsIcon,
   SunIcon,
   TrashIcon,
   TriangleDownIcon,
   TriangleLeftIcon,
   TriangleRightIcon,
   UpdateIcon,
-  RowsIcon,
-  MagicWandIcon,
-  MagnifyingGlassIcon,
 } from '@radix-ui/react-icons';
 import classnames from 'classnames';
 
@@ -34,10 +36,14 @@ const icons = {
   clock: ClockIcon,
   code: CodeIcon,
   colorWheel: ColorWheelIcon,
+  dotsH: DotsHorizontalIcon,
+  dotsV: DotsVerticalIcon,
   eye: EyeOpenIcon,
   gear: GearIcon,
   home: HomeIcon,
   listBullet: ListBulletIcon,
+  magicWand: MagicWandIcon,
+  magnifyingGlass: MagnifyingGlassIcon,
   moon: MoonIcon,
   paperPlane: PaperPlaneIcon,
   plus: PlusIcon,
@@ -50,8 +56,6 @@ const icons = {
   triangleLeft: TriangleLeftIcon,
   triangleRight: TriangleRightIcon,
   update: UpdateIcon,
-  magicWand: MagicWandIcon,
-  magnifyingGlass: MagnifyingGlassIcon,
   x: Cross2Icon,
   empty: () => <span />,
 };