From 3fb0d6642e29502e097d3b14fc6e8e6cc9f068f2 Mon Sep 17 00:00:00 2001
From: karthikalakshmi <karthigalakshmi@pozomind.com>
Date: Thu, 29 Jan 2026 13:58:49 +0530
Subject: [PATCH] Setting Page in sales

---
 .../BSBillingTable3/BSBillingTable3pay.jsx    |  2 +
 .../UtillComponents/AllSalesPageSettings.jsx  | 68 +++++++++++++++++++
 .../Template/SalesCountComponent.jsx          |  6 +-
 3 files changed, 74 insertions(+), 2 deletions(-)
 create mode 100644 src/Pages/BookingScreen/Components/UtillComponents/AllSalesPageSettings.jsx

diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx
index ecd4b26..1de2de5 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx
+++ b/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;
diff --git a/src/Pages/BookingScreen/Components/UtillComponents/AllSalesPageSettings.jsx b/src/Pages/BookingScreen/Components/UtillComponents/AllSalesPageSettings.jsx
new file mode 100644
index 0000000..a561fbc
--- /dev/null
+++ b/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;
\ No newline at end of file
diff --git a/src/Pages/BookingScreen/Template/SalesCountComponent.jsx b/src/Pages/BookingScreen/Template/SalesCountComponent.jsx
index a5cd03c..ae2b63c 100644
--- a/src/Pages/BookingScreen/Template/SalesCountComponent.jsx
+++ b/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 }) => {
@@ -1090,8 +1091,9 @@ const SalesCountComponent = React.memo(
           )}
             </Tooltip>
         </div>
-      {preferenceshortcutkey &&  <ShortcutKeyHelper />}     
-         <ProductPriceChange />
+      {preferenceshortcutkey &&  <ShortcutKeyHelper />}   
+        <AllSalesPageSettings />
+        <ProductPriceChange />
         <ReceivedStocksModal
           open={isReceivedModelOpen}
           onClose={() => {