feat: FIT-725: Implement Command Palette

web/apps/labelstudio/src/components/Menubar/Menubar.jsx

@@ -5,12 +5,12 @@ import {
   IconFolder,
   IconHome,
   IconHotkeys,
+  IconPeople,
   IconPersonInCircle,
   IconPin,
   IconTerminal,
   IconDoor,
   IconGithub,
-  IconSettings,
   IconSlack,
 } from "@humansignal/icons";
 import { LSLogo } from "../../assets/images";
@@ -182,7 +182,7 @@ export const Menubar = ({ enabled, defaultOpened, defaultPinned, children, onSid
             content={
               <Menu>
                 <Menu.Item
-                  icon={<IconSettings />}
+                  icon={<IconPersonInCircle />}
                   label="Account &amp; Settings"
                   href={pages.AccountSettingsPage.path}
                 />
@@ -222,7 +222,7 @@ export const Menubar = ({ enabled, defaultOpened, defaultPinned, children, onSid
               <Menu>
                 {isFF(FF_HOMEPAGE) && <Menu.Item label="Home" to="/" icon={<IconHome />} data-external exact />}
                 <Menu.Item label="Projects" to="/projects" icon={<IconFolder />} data-external exact />
-                <Menu.Item label="Organization" to="/organization" icon={<IconPersonInCircle />} data-external exact />
+                <Menu.Item label="Organization" to="/organization" icon={<IconPeople />} data-external exact />
 
                 <Menu.Spacer />
 

web/libs/ui/src/assets/icons/index.ts

@@ -26,7 +26,9 @@ export { ReactComponent as IconBanSquare } from "./ban.svg";
 export { ReactComponent as IconBanner } from "./banner-icon.svg";
 export { ReactComponent as IconBell } from "./bell.svg";
 export { ReactComponent as IconBlueCheckmark } from "./blue-checkmark.svg";
+export { ReactComponent as IconBlog } from "./blog.svg";
 export { ReactComponent as IconBook } from "./book.svg";
+export { ReactComponent as IconClosedBook } from "./closed-book.svg";
 export { ReactComponent as IconBouncing3Dots } from "./bouncing-3-dots.svg";
 export { ReactComponent as IconBoundingBox } from "./bounding-box.svg";
 export { ReactComponent as IconBrightnessTool } from "./brightness-tool.svg";
@@ -37,6 +39,7 @@ export { ReactComponent as IconBubbleSpikeAlt } from "./bubble-spike-alt.svg";
 export { ReactComponent as IconBulb } from "./bulb.svg";
 export { ReactComponent as IconBulkLabeling } from "./bulk-labeling.svg";
 export { ReactComponent as IconCalendar } from "./calendar.svg";
+export { ReactComponent as IconChangelog } from "./changelog.svg";
 export { ReactComponent as IconChat } from "./chat.svg";
 export { ReactComponent as IconCheck } from "./check.svg";
 export { ReactComponent as IconCheck2 } from "./check2.svg";
@@ -174,6 +177,7 @@ export { ReactComponent as IconOutlinerEyeOpened } from "./outliner-eye-opened.s
 export { ReactComponent as IconOutlinerExpand } from "./outliner-expand.svg";
 export { ReactComponent as IconPause } from "./pause.svg";
 export { ReactComponent as IconPencil } from "./pencil.svg";
+export { ReactComponent as IconPeople } from "./people.svg";
 export { ReactComponent as IconPersonInCircle } from "./person-circle.svg";
 export { ReactComponent as IconPin } from "./pin.svg";
 export { ReactComponent as IconUprightPin } from "./upright-pin.svg";
@@ -225,6 +229,7 @@ export { ReactComponent as IconStar } from "./star.svg";
 export { ReactComponent as IconStarOutline } from "./star-outline.svg";
 export { ReactComponent as IconStarRectangle } from "./star-rectangle.svg";
 export { ReactComponent as IconStarSquare } from "./star-square.svg";
+export { ReactComponent as IconSupport } from "./support.svg";
 export { ReactComponent as IconSync } from "./sync.svg";
 export { ReactComponent as IconSyncDisabled } from "./sync-disabled.svg";
 export { ReactComponent as IconTerminal } from "./terminal.svg";