From aadd9644094227370699c7917b75139ade1405a4 Mon Sep 17 00:00:00 2001
From: Vladyslav Matsiiako <matsiiako@gmail.com>
Date: Fri, 28 Apr 2023 10:11:25 -0700
Subject: [PATCH] Fix the deployment issue

---
 frontend/src/components/v2/Menu/Menu.stories.tsx | 15 ++++++---------
 frontend/src/components/v2/Menu/Menu.tsx         |  1 +
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/v2/Menu/Menu.stories.tsx b/frontend/src/components/v2/Menu/Menu.stories.tsx
index 1523426e8..8eb0fc9df 100644
--- a/frontend/src/components/v2/Menu/Menu.stories.tsx
+++ b/frontend/src/components/v2/Menu/Menu.stories.tsx
@@ -1,7 +1,4 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { faKey, faUser } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { Meta, StoryObj } from '@storybook/react';
 
 import { Menu, MenuGroup, MenuItem } from './Menu';
@@ -74,14 +71,14 @@ export const WithIcons: Story = {
   render: (args) => (
     <Menu {...args}>
       <MenuGroup title="Group 1">
-        <MenuItem isDisabled icon={<FontAwesomeIcon icon={faKey} />}>
+        <MenuItem isDisabled icon="system-outline-90-lock-closed">
           Secrets
         </MenuItem>
-        <MenuItem icon={<FontAwesomeIcon icon={faUser} />}>Members</MenuItem>
+        <MenuItem icon="system-outline-96-groups">Members</MenuItem>
       </MenuGroup>
       <MenuGroup title="Group 2">
-        <MenuItem icon={<FontAwesomeIcon icon={faKey} />}>Secrets</MenuItem>
-        <MenuItem icon={<FontAwesomeIcon icon={faKey} />}>Members</MenuItem>
+        <MenuItem icon="system-outline-90-lock-closed">Secrets</MenuItem>
+        <MenuItem icon="system-outline-96-groups">Members</MenuItem>
       </MenuGroup>
     </Menu>
   ),
@@ -93,12 +90,12 @@ export const WithDescription: Story = {
     <Menu {...args}>
       <MenuItem
         isDisabled
-        icon={<FontAwesomeIcon icon={faKey} />}
+        icon="system-outline-90-lock-closed"
         description="Some random description"
       >
         Secrets
       </MenuItem>
-      <MenuItem icon={<FontAwesomeIcon icon={faUser} />} description="Some random description">
+      <MenuItem icon="system-outline-96-groups" description="Some random description">
         Members
       </MenuItem>
     </Menu>
diff --git a/frontend/src/components/v2/Menu/Menu.tsx b/frontend/src/components/v2/Menu/Menu.tsx
index 30f0d1859..c83ad7433 100644
--- a/frontend/src/components/v2/Menu/Menu.tsx
+++ b/frontend/src/components/v2/Menu/Menu.tsx
@@ -1,3 +1,4 @@
+// @ts-nocheck
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable global-require */
 import { ComponentPropsWithRef, ElementType, ReactNode, Ref, useRef } from 'react';