Implement dynamic header and table color functionality

src/Pages/PurchaseQuotation/PurchasePrintTemplate/PurPrintStyleA4.jsx

@@ -7,7 +7,22 @@ import { printDiv } from "../../../Services/Others";
 
 import '../../../Styles/BookingScreen/PrintTemplates/A4/PrintA4Style11.scss'
 import { useSelector } from 'react-redux';
-import { GloabalFieldDetails, GlobalBillName, Globalnotes, GlobalprintAmount, GlobalprintDiscount, GlobalprintHsnCode, GlobalprintItem, GlobalprintMRP, GlobalprintQrcodet, GlobalprintQuantity, GlobalprintRate, GlobalprintSignature, GlobalprintSlNo, GlobalprinttermsAndConditions, GlobalPritdummyData, GlobalSignatureImage, GlobalthemeFormat } from '../../../Features/ThemeChange/ThemeChange';
+import {
+    GloabalFieldDetails, GlobalBillName, Globalnotes,
+    GlobalprintQrcodet, GlobalprintSignature, GlobalprintSlNo, GlobalprinttermsAndConditions, GlobalPritdummyData,
+    GlobalSignatureImage, GlobalthemeFormat,
+    GlobalSelectedPrintHeaderFontColor,
+    GlobalSelectedTableHeaderColor,
+    GlobalSelectedTableHeaderFontColor,
+    GlobalSelectedTableBodyColor,
+    GlobalSelectedTableBodyFontColor,
+    GlobalRowType,
+    GlobalSelectedFooterColor,
+    GlobalSelectedFooterFontColor,
+    GlobalSelectedNetAmountColor,
+    GlobalSelectedNetAmountFontColor,
+    GlobalSelectedPrintHeaderColor,
+} from '../../../Features/ThemeChange/ThemeChange';
 import signature from "../../../Images/signatureimage.jpg"
 import QRCode from 'react-qr-code';
 import { isMobile } from 'react-device-detect';
@@ -19,6 +34,17 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
     const GlobalSignature = useSelector(GlobalprintSignature);
     const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions);
     // const FieldDetails = useSelector(GloabalFieldDetails);
+    const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
+    const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
+    const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
+    const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor);
+    const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
+    const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor);
+    const SelectedRowType = useSelector(GlobalRowType);
+    const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
+    const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor);
+    const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
+    const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);
     const FieldDetails = printDatas?.FieldDetails?.reduce((acc, item) => {
         acc[item.ConfigName] = true;
         return acc;
@@ -37,6 +63,12 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
     const Qrcodet = FieldDetails?.["Qrcode"];
     const Signature = FieldDetails?.["signature"];
     const TermsnAdCondition = FieldDetails?.["terms&conditions"];
+    let printColors = printDatas?.PrintColors;
+    const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor;
+    const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor;
+    const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor;
+    const footerColor = printColors?.find(obj => obj.footerColor)?.footerColor;
+    const netAmtColor = printColors?.find(obj => obj.netAmtColor)?.netAmtColor;
     const GlobalQrcodet = useSelector(GlobalprintQrcodet);
     const GlobaldummyData = useSelector(GlobalPritdummyData);
     const GlobalBilltext = useSelector(GlobalBillName)
@@ -87,7 +119,51 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
     }
     const lastChunkRows = paginatedChunks.length > 0 ? paginatedChunks[paginatedChunks.length - 1].length : 0;
     const shouldFooterBeOnNewPage = lastChunkRows > 6;
+    const headerStyle = {
+        backgroundColor: GlobaldummyData
+            ? SelectedHeaderColor
+            : headerColor?.background,
 
+        color: GlobaldummyData
+            ? SelectedHeaderFontColor
+            : headerColor?.font,
+    }
+    const tableHeaderStyle = {
+        backgroundColor: GlobaldummyData
+            ? SelectedTableHeaderColor
+            : tableHeaderColor?.background,
+
+        color: GlobaldummyData
+            ? SelectedTableHeaderFontColor
+            : tableHeaderColor?.font,
+    }
+    const tableBodyStyle = {
+        backgroundColor: GlobaldummyData
+            ? SelectedTableBodyColor
+            : tableBodyColor?.background,
+        color: GlobaldummyData
+            ? SelectedTableBodyFontColor
+            : tableBodyColor?.font,
+    }
+    const rowtypeStyle = GlobaldummyData ? SelectedRowType : tableBodyColor?.rowType;
+    const footerColorStyle = {
+        backgroundColor: GlobaldummyData
+            ? SelectedTableFooterColor
+            : footerColor?.background,
+
+        color: GlobaldummyData
+            ? SelectedTableFooterFontColor
+            : footerColor?.font,
+    }
+    const netAmountStyle = {
+        backgroundColor: GlobaldummyData
+            ? SelectedNetAmountColor
+            : netAmtColor?.background,
+
+        color: GlobaldummyData
+            ? SelectedNetAmountFontColor
+            : netAmtColor?.font,
+    }
     return (
         <div style={{
             display: "flex",
@@ -101,7 +177,7 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
                     <div style={{ display: "flex", flexDirection: "column", justifyContent: "space-between", height: isMobile ? (FormatTheme ? "297mm" : "auto") : '257mm' }} className="print-page" key={chunkIndex}>
                         <div className="page-headerA4Style11" style={{ textAlign: "center" }}>
 
-                            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', textAlign: 'left' }}>
+                            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', textAlign: 'left', ...headerStyle }}>
 
                                 <div style={{
                                     display: 'flex',
@@ -149,18 +225,6 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
                         <div className="print-body">
                             {TakeawayData?.length > 0 && (
                                 <>
-                                    <div
-                                        style={{
-                                            display: "flex",
-                                            width: "100%",
-                                            justifyContent: "center",
-                                            alignItems: "center",
-                                            fontSize: "12px",
-                                            fontWeight: "600",
-                                        }}
-                                    >
-                                        Take Away
-                                    </div>
                                     <table className="A4TableStyle11" style={{ width: '100%' }}>
                                         <thead>
                                             <tr>
@@ -178,21 +242,21 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
                                                         <table style={{ width: "99%", margin: "auto" }} className='A4TableA4Style11'>
                                                             <thead>
                                                                 <tr style={{ background: '#373B44', color: '#fff', }}>
-                                                                    {SLNO == true && <th style={{ width: '10%', textAlign: "center" }}>S.No</th>}
+                                                                    {SLNO == true && <th style={{ ...tableHeaderStyle, width: '10%', textAlign: "center" }}>S.No</th>}
-                                                                    {Item == true && <th>Item</th>}
+                                                                    {Item == true && <th style={{ ...tableHeaderStyle }}>Item</th>}
                                                                     {HsnCode == true && (
-                                                                        <th style={{ width: '10%', textAlign: "center" }}>HSN</th>
+                                                                        <th style={{ ...tableHeaderStyle, width: '10%', textAlign: "center" }}>HSN</th>
                                                                     )}
                                                                     {Quantity == true && (
-                                                                        <th style={{ width: '10%', textAlign: "center" }}>Qty</th>
+                                                                        <th style={{ ...tableHeaderStyle, width: '10%', textAlign: "center" }}>Qty</th>
                                                                     )}
-                                                                    {MRP == true && <th style={{ width: '10%', textAlign: "center" }}>MRP</th>}
+                                                                    {MRP == true && <th style={{ ...tableHeaderStyle, width: '10%', textAlign: "center" }}>MRP</th>}
-                                                                    {Rate == true && <th style={{ width: '10%', textAlign: "center" }}>Rate</th>}
+                                                                    {Rate == true && <th style={{ ...tableHeaderStyle, width: '10%', textAlign: "center" }}>Rate</th>}
                                                                     {Discount == true && (
-                                                                        <th style={{ width: '10%', textAlign: "center" }}>Dis </th>
+                                                                        <th style={{ ...tableHeaderStyle, width: '10%', textAlign: "center" }}>Dis </th>
                                                                     )}
                                                                     {Amount == true && (
-                                                                        <th style={{ width: '10%', textAlign: "center", textAlign: "right" }}>
+                                                                        <th style={{ ...tableHeaderStyle, width: '10%', textAlign: "center", textAlign: "right" }}>
                                                                             Amt
                                                                         </th>
                                                                     )}
@@ -201,7 +265,18 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
 
                                                             <tbody>
                                                                 {dataChunk?.map((item, index) => (
-                                                                    <tr key={index}>
+                                                                    <tr key={index}
+                                                                        style={
+                                                                            index % 2 !== 1 && rowtypeStyle === "even"
+                                                                                ? {
+                                                                                    ...tableBodyStyle
+                                                                                }
+                                                                                : index % 2 === 1 && rowtypeStyle === "odd"
+                                                                                    ? {
+                                                                                        ...tableBodyStyle
+                                                                                    }
+                                                                                    : {}
+                                                                        }>
                                                                         {SLNO == true && (
                                                                             <td style={{ textAlign: "center" }}>
                                                                                 {chunkIndex * chunkSize + index + 1}
@@ -304,7 +379,7 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
                                                                                 {(TotalOfferAmount > 0 || table2Data?.OverallDisc) ? (<div>{Number(TotalOfferAmount + table2Data?.OverallDisc).toFixed(2)}</div>) : ""}
                                                                             </div>
                                                                         </div>
-                                                                        <div className='total-Amount' style={{ fontSize: "25px", fontWeight: "600", padding: "10px", backgroundColor: "#fdc716", textAlign: "center" }}>Amount :{Number(dataSource?.[0]?.NetAmt).toFixed(2)}</div>
+                                                                        <div className='total-Amount' style={{...netAmountStyle, fontSize: "25px", fontWeight: "600", padding: "10px", textAlign: "center" }}>Amount :{Number(dataSource?.[0]?.NetAmt).toFixed(2)}</div>
                                                                     </div>
                                                                 </div>
                                                                 <hr className="PrintA4Style11-print-dottline" />
@@ -356,51 +431,32 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
                                                                     <div className='PrintA4Style11-print-InfoDivsub' style={{ textTransform: 'capitalize' }}>{Date1}</div>
                                                                 </div>
                                                             </>
-                                                            {GlobaldummyData ? GlobalIsnotes &&
+                                                            <div style={{ ...footerColorStyle }}>
-                                                                (<div>
+                                                                {Notestext && (<div>
-                                                                    <p style={{ padding: "0rem 1rem" }}>Notes : 10 days Return policy</p>
-
-                                                                    <hr className="PrintA4Style11-print-dottline" />
-                                                                </div>) :
-                                                                Notestext && (<div>
                                                                     <p style={{ padding: "0rem 1rem", textAlign: "center" }}>{Notestext}</p>
 
                                                                     <hr className="PrintA4Style11-print-dottline" />
                                                                 </div>)
-                                                            }
+                                                                }
 
 
-                                                            <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
+                                                                <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
-                                                                {GlobaldummyData ? GlobaltermsAndConditions &&
+                                                                    {(TermsnAdCondition == true && TermsAndConditions?.length > 0) && (<div style={{ margin: "8px 0", fontFamily: "sans-serif", width: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
-                                                                    (<div style={{ margin: "8px 0", padding: "8px", fontFamily: "sans-serif", width: "100%" }}>
-                                                                        <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
-                                                                            Terms & Conditions
-                                                                        </p>
-                                                                        <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
-                                                                            <li>Once goods are sold, they are not exchangeable or refundable.</li>
-                                                                            <li>Please check the product before leaving the counter.</li>
-                                                                        </ol>
-                                                                    </div>)
-                                                                    :
-                                                                    (TermsnAdCondition == true && TermsAndConditions?.length > 0) && (<div style={{ margin: "8px 0", fontFamily: "sans-serif", width: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
                                                                         <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
                                                                             Terms & Conditions
                                                                         </p>
                                                                         <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
                                                                             {TermsAndConditions?.map(item => (<li style={{ textAlign: "start" }}>{item?.TermsandConditions}</li>))}
-                                                                            {/* <li>Please check the product before leaving the counter.</li> */}
                                                                         </ol>
                                                                     </div>)
-                                                                }
+                                                                    }
 
-                                                                {GlobaldummyData ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
+                                                                    {Signature == true && (<div style={{ display: "flex", flexDirection: "column", alignItems: "center", marginTop: "1rem", paddingBottom: "1rem" }}>
-                                                                    <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
+                                                                        <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                                                    <img style={{ width: "70px", height: "40px" }} src={GlobalSignatureImages ? GlobalSignatureImages : signature} alt="" />
+                                                                        <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                                                                </div>) : Signature == true && (<div style={{ display: "flex", flexDirection: "column", alignItems: "center", marginTop: "1rem", paddingBottom: "1rem" }}>
+                                                                    </div>)}
-                                                                    <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                                                    <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                                                                </div>)}
 
+                                                                </div>
                                                             </div>
                                                         </div>}
                                                         <hr className="PrintA4Style11-print-dottline" />
@@ -447,7 +503,7 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
                                                 </div>
 
                                             </div>
-                                            <div className='total-Amount' style={{ fontSize: "25px", fontWeight: "600", padding: "10px", backgroundColor: "#fdc716", textAlign: "center" }}>Amount :{GlobaldummyData ? "1066" : Number(dataSource?.[0]?.NetAmt).toFixed(2)}</div>
+                                            <div className='total-Amount' style={{ fontSize: "25px", fontWeight: "600", padding: "10px", ...netAmountStyle, textAlign: "center" }}>Amount :{GlobaldummyData ? "1066" : Number(dataSource?.[0]?.NetAmt).toFixed(2)}</div>
                                         </div>
                                     </div>
 
@@ -545,51 +601,32 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
                                         <div className='PrintA4Style11-print-InfoDivsub' style={{ textTransform: 'capitalize' }}>{Date1}</div>
                                     </div>
                                 </>
-                                {GlobaldummyData ? GlobalIsnotes &&
+                                <div style={{ ...footerColorStyle }}>
-                                    (<div>
+                                    {Notestext && (<div>
-                                        <p style={{ padding: "0rem 1rem" }}>Notes : 10 days Return policy</p>
-
-                                        <hr className="PrintA4Style11-print-dottline" />
-                                    </div>) :
-                                    Notestext && (<div>
                                         <p style={{ padding: "0rem 1rem", textAlign: "center" }}>{Notestext}</p>
 
                                         <hr className="PrintA4Style11-print-dottline" />
                                     </div>)
-                                }
+                                    }
 
 
-                                <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
+                                    <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
-                                    {GlobaldummyData ? GlobaltermsAndConditions &&
+                                        {(TermsnAdCondition == true && TermsAndConditions?.length > 0) && (<div style={{ margin: "8px 0", fontFamily: "sans-serif", width: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
-                                        (<div style={{ margin: "8px 0", padding: "8px", fontFamily: "sans-serif", width: "100%" }}>
-                                            <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
-                                                Terms & Conditions
-                                            </p>
-                                            <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
-                                                <li>Once goods are sold, they are not exchangeable or refundable.</li>
-                                                <li>Please check the product before leaving the counter.</li>
-                                            </ol>
-                                        </div>)
-                                        :
-                                        (TermsnAdCondition == true && TermsAndConditions?.length > 0) && (<div style={{ margin: "8px 0", fontFamily: "sans-serif", width: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
                                             <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
                                                 Terms & Conditions
                                             </p>
                                             <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
                                                 {TermsAndConditions?.map(item => (<li style={{ textAlign: "start" }}>{item?.TermsandConditions}</li>))}
-                                                {/* <li>Please check the product before leaving the counter.</li> */}
                                             </ol>
                                         </div>)
-                                    }
+                                        }
 
-                                    {GlobaldummyData ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
+                                        {Signature == true && (<div style={{ display: "flex", flexDirection: "column", alignItems: "center", marginTop: "1rem", paddingBottom: "1rem" }}>
-                                        <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
+                                            <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                        <img style={{ width: "70px", height: "40px" }} src={GlobalSignatureImages ? GlobalSignatureImages : signature} alt="" />
+                                            <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                                    </div>) : Signature == true && (<div style={{ display: "flex", flexDirection: "column", alignItems: "center", marginTop: "1rem", paddingBottom: "1rem" }}>
+                                        </div>)}
-                                        <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                        <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                                    </div>)}
 
+                                    </div>
                                 </div>
                             </div>
                         )}
@@ -633,7 +670,7 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
                                             </div>
 
                                         </div>
-                                        <div className='total-Amount' style={{ fontSize: "25px", fontWeight: "600", padding: "10px", backgroundColor: "#fdc716", textAlign: "center" }}>Amount :{GlobaldummyData ? "1066" : Number(dataSource?.[0]?.NetAmt).toFixed(2)}</div>
+                                        <div className='total-Amount' style={{...netAmountStyle, fontSize: "25px", fontWeight: "600", padding: "10px",textAlign: "center" }}>Amount :{GlobaldummyData ? "1066" : Number(dataSource?.[0]?.NetAmt).toFixed(2)}</div>
                                     </div>
                                 </div>
 
@@ -731,51 +768,33 @@ const PurPrintStyleA4 = ({ index, ExtraChargeTotal, UpiId, Date1, base64Image, t
                                     <div className='PrintA4Style11-print-InfoDivsub' style={{ textTransform: 'capitalize' }}>{Date1}</div>
                                 </div>
                             </>
-                            {GlobaldummyData ? GlobalIsnotes &&
-                                (<div>
-                                    <p style={{ padding: "0rem 1rem" }}>Notes : 10 days Return policy</p>
 
-                                    <hr className="PrintA4Style11-print-dottline" />
+                            <div style={{ ...footerColorStyle }}>
-                                </div>) :
+                                {Notestext && (<div>
-                                Notestext && (<div>
                                     <p style={{ padding: "0rem 1rem", textAlign: "center" }}>{Notestext}</p>
 
                                     <hr className="PrintA4Style11-print-dottline" />
                                 </div>)
-                            }
+                                }
 
 
-                            <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
+                                <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
-                                {GlobaldummyData ? GlobaltermsAndConditions &&
+                                    {(TermsnAdCondition == true && TermsAndConditions?.length > 0) && (<div style={{ margin: "8px 0", fontFamily: "sans-serif", width: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
-                                    (<div style={{ margin: "8px 0", padding: "8px", fontFamily: "sans-serif", width: "100%" }}>
-                                        <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
-                                            Terms & Conditions
-                                        </p>
-                                        <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
-                                            <li>Once goods are sold, they are not exchangeable or refundable.</li>
-                                            <li>Please check the product before leaving the counter.</li>
-                                        </ol>
-                                    </div>)
-                                    :
-                                    (TermsnAdCondition == true && TermsAndConditions?.length > 0) && (<div style={{ margin: "8px 0", fontFamily: "sans-serif", width: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
                                         <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
                                             Terms & Conditions
                                         </p>
                                         <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
                                             {TermsAndConditions?.map(item => (<li style={{ textAlign: "start" }}>{item?.TermsandConditions}</li>))}
-                                            {/* <li>Please check the product before leaving the counter.</li> */}
                                         </ol>
                                     </div>)
-                                }
+                                    }
 
-                                {GlobaldummyData ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
+                                    {Signature == true && (<div style={{ display: "flex", flexDirection: "column", alignItems: "center", marginTop: "1rem", paddingBottom: "1rem" }}>
-                                    <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
+                                        <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                    <img style={{ width: "70px", height: "40px" }} src={GlobalSignatureImages ? GlobalSignatureImages : signature} alt="" />
+                                        <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                                </div>) : Signature == true && (<div style={{ display: "flex", flexDirection: "column", alignItems: "center", marginTop: "1rem", paddingBottom: "1rem" }}>
+                                    </div>)}
-                                    <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                    <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                                </div>)}
 
+                                </div>
                             </div>
                         </div>
                     </div>