Added new multiple seach icon in sales page

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

@@ -108,6 +108,7 @@ import { BiSolidPhoneCall } from 'react-icons/bi';
 import { PiSignOutLight } from 'react-icons/pi';
 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 user from '../../../../Images/dashboard/user.jpg';
 import BSNavBarUserInfo from './BSNavBarUserInfo';
@@ -119,6 +120,8 @@ import BSScanTemplate from '../UtillComponents/BSScanTemplate.jsx';
 import VerfiedProducts from './verfiedProduct/VerfiedProducts.jsx';
 import BSMembership from '../UtillComponents/BSMembership.jsx';
 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;
@@ -133,6 +136,7 @@ const BSNavbar1 = (props) => {
   const [paymentfeataddon, setpaymentfeataddon] = useState(false);
   const [addcustomer, setAddCustomer] = useState(false);
   const [hold, setHold] = useState(false);
+  const [multiple, setMultiple] = useState(false);
   const BSLayout1Data = useSelector(getTemplateData);
   const navbarOptions = BSLayout1Data?.BookingNavbar?.[1];
   const PreferenceDatas = useSelector(PreferenceData);
@@ -634,6 +638,16 @@ const BSNavbar1 = (props) => {
             position: 'relative',
           }}
         >
+
+          {/* Multiple search  */}
+          <Tooltip title={'Multiple Search'}>
+            <div className='MultiSearchIconDiv'>
+               <CgSearchLoading onClick={() => setMultiple(true)}   />
+            </div>
+          </Tooltip>
+
+
+
           {!OtherServicesglobal && (
             <>
               {navbarOptions?.map((item) => (
@@ -1292,6 +1306,22 @@ const BSNavbar1 = (props) => {
           <PozoMenuIcon size={20} />
         )}
       </div>
+
+      <DefaultModal
+        open={multiple}
+        title="Multiple Search"
+        footer={false}
+        width={350}
+        handleCancel={() => setMultiple(false)}
+        destroyOnClose={true}
+        children={
+          <>
+            <MultipleSearch
+              close={setMultiple}
+            />
+          </>
+        }
+      />
     </div>
   );
 };