@omniumretail/shared-resources 0.3.81 → 0.3.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/shared-resources",
-  "version": "0.3.81",
+  "version": "0.3.82",
   "private": false,
   "description": "Shared Components and services or utils to the frontend versions",
   "main": "dist/shared-resources.umd.js",
@@ -17,6 +17,7 @@
   "devDependencies": {
     "@types/react": "^18.0.21",
     "@vitejs/plugin-react": "^5.0.0",
+    "rollup-plugin-visualizer": "^6.0.0",
     "sass": "^1.55.0",
     "tsconfig-paths": "^4.2.0",
     "typescript": "^4.8.3",
@@ -24,6 +25,9 @@
     "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.2.0",
+    "@fortawesome/free-solid-svg-icons": "^6.2.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
     "@tanstack/react-query": "^4.29.19",
     "antd": "^4.23.4",
     "classnames": "^2.3.2",

package/src/components/Header/index.tsx

@@ -1,4 +1,5 @@
-import { MenuOutlined, UserOutlined } from '@ant-design/icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { icons,  } from '../../constants/Icons';
 import sitooIcon from '../../assets/sitoo.svg';
 import styles from './styles.module.scss';
 
@@ -7,13 +8,13 @@ export interface HeaderProps {
 }
 
 export const Header = ({ onOpenMenu }: HeaderProps) => (
-    <div className={styles.header}>
-        <MenuOutlined onClick={onOpenMenu} />
+    <div className={ styles.header }>
+        <FontAwesomeIcon icon={ icons.faBars } onClick={ onOpenMenu } />
 
-        <div className={styles.logoContainer}>
-            <img src={sitooIcon} alt="Logo" />
+        <div className={ styles.logoContainer }>
+            <img src={ sitooIcon } />
         </div>
 
-        <UserOutlined />
+        <FontAwesomeIcon icon={ icons.faUserTie } />
     </div>
 );

package/src/constants/Icons.ts

@@ -0,0 +1,21 @@
+
+import {
+    faBars, faUserTie, faPlus, faXmark, faUser, faUserPlus,
+    faCartShopping, faChevronDown, faFilter, faSearch, faQrcode, faCheck, faTrashAlt
+} from '@fortawesome/free-solid-svg-icons'
+
+export const icons = {
+    faBars,
+    faUser,
+    faUserTie,
+    faPlus,
+    faUserPlus,
+    faXmark,
+    faCartShopping,
+    faChevronDown,
+    faFilter,
+    faSearch,
+    faQrcode,
+    faCheck,
+    faTrashAlt
+};

package/src/constants/index.ts

@@ -1 +1,2 @@
 export * from './QueryClient'
+export * from './Icons';