Added new multiple seach icon in sales page

src/Pages/BookingScreen/Components/BSNavbar/BSNavbar2.jsx

@@ -103,7 +103,7 @@ import {
 import { FaUserLarge } from 'react-icons/fa6';
 import { BiSolidPhoneCall } from 'react-icons/bi';
 import PozoSwapIcon from '../UtillComponents/Pozo retail icons/PozoSwapIcon.jsx';
-import { MdEdit } from 'react-icons/md';
+import { CgSearchLoading } from "react-icons/cg";
 import UserRelieveManager from '../../Template/RealivingUser.jsx';
 import { FaParking } from 'react-icons/fa';
 import BSNavBarUserInfo from './BSNavBarUserInfo';
@@ -113,6 +113,8 @@ import BSMobilePrintSettings from '../UtillComponents/BSMobilePrintSettings.jsx'
 import BSScanTemplate from '../UtillComponents/BSScanTemplate.jsx';
 import VerfiedProducts from './verfiedProduct/VerfiedProducts';
 import BranchName from '../../Template/BranchName.jsx';
+import MultipleSearch from '../UtillComponents/MultipleSearch.jsx';
+import { DefaultModal } from '../../../../Components/Modal/DefaultModal.jsx';
 const subDirectory = import.meta.env.ENV_BASE_URL;
 const commonUrl = import.meta.env.ENV_COMMON_BASE_URL;
 
@@ -203,6 +205,7 @@ const BSNavbar2 = () => {
   const { SadminuserAccess } = useAuth();
   const [OtherServiceStatus, setOtherServiceStatus] = useState(false);
   const [isHoldEnable, setisisHoldEnable] = useState(false);
+  const [multiple, setMultiple] = useState(false);
   let SAAccessCommonMaster = SadminuserAccess?.find(
     (e) => e?.MenuName === 'Sales'
   );
@@ -610,7 +613,12 @@ const BSNavbar2 = () => {
           </div>
         )}
       </div>
-
+      {/* Multiple search  */}
+      <Tooltip title={'Multiple Search'}>
+        <div className='MultiSearchIconDiv2'>
+           <CgSearchLoading onClick={() => setMultiple(true)} />
+        </div>
+      </Tooltip>
       <div className="BSBillingNav2div2">
         {searchOption &&
           !Comboglobal &&
@@ -1305,6 +1313,22 @@ const BSNavbar2 = () => {
       <div className="BSBillingnav2-threedots" onClick={NavmenuOpenClose}>
         <MenuOutlined />
       </div>
+
+      <DefaultModal
+        open={multiple}
+        title="Multiple Search"
+        footer={false}
+        width={350}
+        handleCancel={() => setMultiple(false)}
+        destroyOnClose={true}
+        children={
+          <>
+            <MultipleSearch
+              close={setMultiple}
+            />
+          </>
+        }
+      />
     </div>
   );
 };