Setting Page in sales

src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx

@@ -335,6 +335,8 @@ const BSBillingTable3Pay = () => {
   const [addcustomer, setAddCustomer] = useState(false);
   const [PrintOrderDetails, setPrintOrderDetails] = useState([]);
   const OrderCardDetail = useSelector(GlobalOrderCardDetails);
+  const [customerPreviesOrders, setCustomerPreviesOrders] = useState(false);
+  
   console.log(OrderCardDetail, 'OrderCardDetail');
   //Total calculation
   const TotalItems = OrderCardDetail?.length;

src/Pages/BookingScreen/Components/UtillComponents/AllSalesPageSettings.jsx

@@ -0,0 +1,68 @@
+import { useState } from "react";
+import { IoMdSettings } from "react-icons/io";
+import { DefaultModal } from "../../../../Components/Modal/DefaultModal";
+import TooltipWrapper from "../../../../Components/Tooltip/Tooltip";
+
+const AllSalesPageSettings = () => {
+        const [settingModal,setsettingModal] = useState(false)
+        const [checkboxItems, setCheckboxItems] = useState([
+            { id: 'item1', label: 'Show Details', checked: true },
+            { id: 'item2', label: 'Auto Refresh', checked: false },
+            { id: 'item3', label: 'Notifications', checked: true }
+        ])
+        console.log(settingModal,"settingModal")
+    const onclose = () => {
+        setsettingModal(false)
+    }
+    return (
+        <>
+        <TooltipWrapper>
+         <div
+            onClick={() => setsettingModal(true)}
+            style={{
+                cursor: 'pointer',
+                display: 'flex',
+                alignItems: 'center',
+                gap: '5px',
+                padding: '5px 10px',
+                borderRadius: '4px',
+            
+                fontSize: '14px',
+            }}
+        >
+             <IoMdSettings />  
+    </div>
+     </TooltipWrapper>  
+       
+            <DefaultModal 
+                open={settingModal} 
+                footer={false}
+                handleCancel={onclose}
+              
+                title={"Settings"} width={500}>
+                <div style={{ padding: '20px' }}>
+                    {checkboxItems.map(item => (
+                        <div key={item.id} style={{ marginBottom: '10px' }}>
+                            <label style={{ display: 'flex', alignItems: 'center', gap: '8px', cursor: 'pointer' }}>
+                                <input
+                                    type="checkbox"
+                                    checked={item.checked}
+                                    onChange={(e) => {
+                                        setCheckboxItems(prev => 
+                                            prev.map(i => 
+                                                i.id === item.id ? { ...i, checked: e.target.checked } : i
+                                            )
+                                        )
+                                    }}
+                                />
+                                {item.label}
+                            </label>
+                        </div>
+                    ))}
+                </div>
+             </DefaultModal>
+             </>
+    )
+}
+ 
+export default AllSalesPageSettings;

src/Pages/BookingScreen/Template/SalesCountComponent.jsx

@@ -43,6 +43,7 @@ import {
 import { GoPackageDependencies } from 'react-icons/go';
 import { getTemplateData } from '../../../Features/ThemeChange/ThemeChange.js';
 import ShortcutKeyHelper from '../Components/UtillComponents/ShortcutKeyHelper.jsx';
+import AllSalesPageSettings from '../Components/UtillComponents/AllSalesPageSettings.jsx';
 
 const SalesCountComponent = React.memo(
   ({ DineInAccess, GlobalsalesDetailData }) => {
@@ -1091,6 +1092,7 @@ const SalesCountComponent = React.memo(
             </Tooltip>
         </div>
       {preferenceshortcutkey &&  <ShortcutKeyHelper />}   
+        <AllSalesPageSettings />
         <ProductPriceChange />
         <ReceivedStocksModal
           open={isReceivedModelOpen}