@omniumretail/component-library 1.2.57 → 1.2.58

package/dist/types/components/Header/Header.types.d.ts

@@ -24,4 +24,5 @@ export interface HeaderProps {
     handleMarkAllAsRead?: () => void;
     notifications?: BellNotification[];
     shouldConfirmNavigation?: boolean;
+    companyName?: string;
 }

package/dist/types/components/Header/index.d.ts

@@ -3,5 +3,5 @@ import { HeaderProps } from './Header.types';
  * Header component to display navigation bar with dropdown menus and action button.
  * @param {HeaderProps} props - Properties passed to the component.
  */
-export declare const Header: ({ menuList, actionButton, logout, homeUrl, profileUrl, onLeavingPage, userName, pageTitle, onFilterChange, notifications, onNotificationClick, handleMarkAllAsRead, shouldConfirmNavigation }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ menuList, actionButton, logout, homeUrl, profileUrl, onLeavingPage, userName, pageTitle, onFilterChange, notifications, onNotificationClick, handleMarkAllAsRead, shouldConfirmNavigation, companyName, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.2.57",
+  "version": "1.2.58",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Header/Header.types.ts

@@ -27,4 +27,5 @@ export interface HeaderProps {
     handleMarkAllAsRead?: () => void;
     notifications?: BellNotification[];
     shouldConfirmNavigation?: boolean;
+    companyName?: string;
 }

package/src/components/Header/index.tsx

@@ -1,6 +1,7 @@
 import { useRef, useState } from 'react';
 import { DownOutlined, UpOutlined, BarsOutlined, CloseOutlined } from '@ant-design/icons';
 import omniumIcon from '../../assets/images/omnium-retail-logo.png';
+import a2ai from '../../assets/images/A2AI-logo.png';
 import omniumWhiteIcon from '../../assets/images/omnium-retail-logo-white.png';
 import styles from './styles.module.scss';
 import classNames from 'classnames';
@@ -8,6 +9,19 @@ import { HeaderProps, MenuItem } from './Header.types';
 import { getMenuTopList, getMenuBottomList } from './Header.data';
 import { BellNotifications } from '../BellNotifications';
 
+const logoMap: Record<string, { normal: string; white: string; alt: string }> = {
+    omnium: {
+        normal: omniumIcon,
+        white: omniumWhiteIcon,
+        alt: 'Omnium Retail Logo'
+    },
+    a2ai: {
+        normal: a2ai,
+        white: a2ai,
+        alt: 'XPTO Logo'
+    }
+};
+
 /**
  * Header component to display navigation bar with dropdown menus and action button.
  * @param {HeaderProps} props - Properties passed to the component.
@@ -25,7 +39,8 @@ export const Header = ({
     notifications,
     onNotificationClick,
     handleMarkAllAsRead,
-    shouldConfirmNavigation
+    shouldConfirmNavigation,
+    companyName = 'omnium',
 }: HeaderProps) => {
 
     const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -97,6 +112,13 @@ export const Header = ({
         setActiveDropdown(activeDropdown === index ? null : index);
     };
 
+    const getCompanyLogos = (company: string) => {
+        const companyKey = company.toLowerCase();
+        return logoMap[companyKey] || logoMap['omnium']; // Fallback para omnium se não encontrar
+    };
+
+    const companyLogos = getCompanyLogos(companyName);
+
     /**
      * Render the menu items, including dropdown menus.
      * @param {MenuItem[]} menuList - The list of menu items to render.
@@ -165,7 +187,7 @@ export const Header = ({
                 {
                     pageTitle
                         ? <p className={styles.title}>{pageTitle}</p>
-                        : <img src={omniumIcon} alt="Omnium Retail Blue Logo" />
+                        : <img src={companyLogos.normal} alt={companyLogos.alt} />
                 }
             </div>
 
@@ -176,7 +198,7 @@ export const Header = ({
             <div className={classNames(styles.menu, { [styles.active]: isMenuOpen })}>
                 <div className={styles.head}>
                     <p className={styles.logoWrapper}>
-                        <img src={omniumWhiteIcon} alt="Omnium Retail White Logo" />
+                        <img src={companyLogos.white} alt={companyLogos.alt} />
                     </p>
                     <CloseOutlined color={'#FFFFFF'} className={styles.toggleMenuClose} onClick={onToggleMenu} />
                 </div>