tabexseriescomponents 0.0.65 → 0.0.67

package/{srcOLD → src1-10}/TabexComponents/Footer/Footer5/Footer5.jsx

@@ -1,33 +1,22 @@
 import React, { useEffect, useState, useContext } from 'react';
-// import { Link } from 'react-router-dom';
-// import { LanguageContext } from '../../../LanguageContext';
-// import { FetchingContext } from '../../../FetchingContext';
-// import { TemplateRoutingContext } from '../../../TemplateRoutingContext';
-// import { WebsiteDesignWorkPlaceContext } from '../../../../WebsiteDesignWorkPlaceContext';
 import { css } from 'glamor';
 import { FaFacebookF } from 'react-icons/fa';
 import { BsWhatsapp } from 'react-icons/bs';
 import { AiFillInstagram, AiOutlineMail, AiOutlinePhone } from 'react-icons/ai';
 import { GoLocation } from 'react-icons/go';
 import { serverbaselink } from '../../../../Env';
-
 import visa from '../../../assets/images/visa.png';
 import fawry from '../../../assets/images/fawry.png';
 import paypal from '../../../assets/images/paypal.png';
 import paymob from '../../../assets/images/paymob.png';
-
 import { IKImage } from 'imagekitio-react';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
 
 const Footer5 = (props) => {
-    // const { lang, langdetect } = useContext(LanguageContext);
-    // const { fetch_inst_tabex_websitetemplatesQueryContext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
-    // const { fetchAuthorizationQueryContext, templateproperties_context } = useContext(FetchingContext);
-    // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
     const [sectionproperties, setsectionproperties] = useState('');
     const [maincontainerarrayofobjs, setmaincontainerarrayofobjs] = useState([]);
     const [logoarrayofobjects, setlogoarrayofobjects] = useState([]);
-
+    const history = props.actions.history;
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;
@@ -196,9 +185,9 @@ const Footer5 = (props) => {
         }),
     };
     return (
-        <div class={`${footerStyles.footerContainer}` + ' row m-0 w-100 d-flex justify-content-center pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 '} style={{ position: 'relative' }}>
+        <div className={`${footerStyles.footerContainer}` + ' row m-0 w-100 d-flex justify-content-center pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 '} style={{ position: 'relative' }}>
             {maincontainerarrayofobjs.length != 0 && (
-                <div class={footerStyles.imgcontainer}>
+                <div className={footerStyles.imgcontainer}>
                     <IKImage
                         urlEndpoint={IKurlEndpoint}
                         publicKey={IKpublicKey}
@@ -219,12 +208,12 @@ const Footer5 = (props) => {
                     />
                 </div>
             )}
-            <div class="col-lg-12 p-0" style={{ zIndex: 10 }}>
-                <div class="row m-0 w-100">
-                    <div class="col-lg-4 col-md-12 col-sm-12 d-none d-md-flex align-items-center justify-content-start p-sm-0">
-                        <div class="row m-0 w-100">
-                            <div class="col-lg-12 allcentered p-0">
-                                <div class={`${footerStyles.footerlogo}` + ' d-flex flex-column align-items-center justify-content-start '}>
+            <div className="col-lg-12 p-0" style={{ zIndex: 10 }}>
+                <div className="row m-0 w-100">
+                    <div className="col-lg-4 col-md-12 col-sm-12 d-none d-md-flex align-items-center justify-content-start p-sm-0">
+                        <div className="row m-0 w-100">
+                            <div className="col-lg-12 allcentered p-0">
+                                <div className={`${footerStyles.footerlogo}` + ' d-flex flex-column align-items-center justify-content-start '}>
                                     <img
                                         src={serverbaselink + authdetailsContext.instinfo.instlogo}
                                         style={{
@@ -236,30 +225,30 @@ const Footer5 = (props) => {
                                 </div>
                             </div>
                             {sectionproperties.showfooterdescription == 'Show' && (
-                                <div class="col-lg-12 p-0 allcentered mt-2 p-0">
-                                    <p class={`${footerStyles.footerinformationstyles}` + ' wordbreak wordbreak3 text-center p-0 mb-4 '}>
+                                <div className="col-lg-12 p-0 allcentered mt-2 p-0">
+                                    <p className={`${footerStyles.footerinformationstyles}` + ' wordbreak wordbreak3 text-center p-0 mb-4 '}>
                                         {langdetect == 'en' ? authdetailsContext.instinfo.description_en : authdetailsContext.instinfo.description_ar}
                                     </p>
                                 </div>
                             )}
-                            <div class="col-lg-12 allcentered">
+                            <div className="col-lg-12 allcentered">
                                 {sectionproperties.fbbtn_show == 'Show' && (
-                                    <div class={langdetect == 'en' ? `${footerStyles.facebook_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.facebook_btn}` + ' allcentered ml-3 ml-sm-4'}>
-                                        <i class="h-100 allcentered">
+                                    <div className={langdetect == 'en' ? `${footerStyles.facebook_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.facebook_btn}` + ' allcentered ml-3 ml-sm-4'}>
+                                        <i className="h-100 allcentered">
                                             <FaFacebookF size={sectionproperties.facebkbtnniconfontsize} />
                                         </i>
                                     </div>
                                 )}
                                 {sectionproperties.instbtn_show == 'Show' && (
-                                    <div class={langdetect == 'en' ? `${footerStyles.instgram_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.instgram_btn}` + ' allcentered ml-3 ml-sm-4'}>
-                                        <i class="h-100 allcentered">
+                                    <div className={langdetect == 'en' ? `${footerStyles.instgram_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.instgram_btn}` + ' allcentered ml-3 ml-sm-4'}>
+                                        <i className="h-100 allcentered">
                                             <AiFillInstagram size={sectionproperties.instgrambtniconfontsize} />
                                         </i>
                                     </div>
                                 )}
                                 {sectionproperties.youtbtn_show == 'Show' && (
-                                    <div class={langdetect == 'en' ? `${footerStyles.youtube_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.youtube_btn}` + ' allcentered ml-3 ml-sm-4'}>
-                                        <i class="h-100 allcentered">
+                                    <div className={langdetect == 'en' ? `${footerStyles.youtube_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.youtube_btn}` + ' allcentered ml-3 ml-sm-4'}>
+                                        <i className="h-100 allcentered">
                                             <BsWhatsapp size={sectionproperties.youtubebtniconfontsize} />
                                         </i>
                                     </div>
@@ -267,22 +256,22 @@ const Footer5 = (props) => {
                             </div>
                         </div>
                     </div>
-                    <div class="col-lg-4 mt-4 p-sm-0">
-                        <div class="row m-0 w-100">
+                    <div className="col-lg-4 mt-4 p-sm-0">
+                        <div className="row m-0 w-100">
                             {sectionproperties.showhidemainpages == 'Show' && (
-                                <div class="col-lg-6 col-md-12 col-sm-12 p-0">
-                                    <div class="row m-0 w-100">
-                                        <div class="col-lg-12 p-0 d-flex justify-content-md-center ">
-                                            <p class={`${footerStyles.footertitlestyles}` + ' m-0 p-0 mb-3 wordbreak d-none '} style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}>
+                                <div className="col-lg-6 col-md-12 col-sm-12 p-0">
+                                    <div className="row m-0 w-100">
+                                        <div className="col-lg-12 p-0 d-flex justify-content-md-center ">
+                                            <p className={`${footerStyles.footertitlestyles}` + ' m-0 p-0 mb-3 wordbreak d-none '} style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}>
                                                 {lang.usefullinks}
                                             </p>
                                         </div>
                                         {templatepropcontext.pagesnprop.map((item, index) => {
                                             if (item.isnavigation == 1 && item.isactive == 1) {
                                                 return (
-                                                    <div class="col-lg-12 p-0 d-flex justify-content-md-center">
-                                                        <div to={item.navigationroute}>
-                                                            <p class={`${footerStyles.footersubtitlestyles}` + ' wordbreak '} style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}>
+                                                    <div className="col-lg-12 p-0 d-flex justify-content-md-center">
+                                                        <div onClick={() => history.push(item.navigationroute)}>
+                                                            <p className={`${footerStyles.footersubtitlestyles}` + ' wordbreak '} style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}>
                                                                 {langdetect == 'en' ? item.pagename : item.pagename_ar}
                                                             </p>
                                                         </div>
@@ -294,16 +283,16 @@ const Footer5 = (props) => {
                                 </div>
                             )}
                             {sectionproperties.showhidemainpages == 'Show' && (
-                                <div class="col-lg-6 col-md-12 col-sm-12">
-                                    <div class="row m-0 w-100">
-                                        <div class="col-lg-12 p-0 d-flex justify-content-md-center">
-                                            <p class={`${footerStyles.footertitlestyles}` + ' m-0 p-0 mb-3 wordbreak '} style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}>
+                                <div className="col-lg-6 col-md-12 col-sm-12">
+                                    <div className="row m-0 w-100">
+                                        <div className="col-lg-12 p-0 d-flex justify-content-md-center">
+                                            <p className={`${footerStyles.footertitlestyles}` + ' m-0 p-0 mb-3 wordbreak '} style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}>
                                                 {lang.helpcenter}
                                             </p>
                                         </div>
-                                        <div class="col-lg-12 p-0 d-flex justify-content-md-center">
+                                        <div className="col-lg-12 p-0 d-flex justify-content-md-center">
                                             <p
-                                                class={`${footerStyles.footersubtitlestyles}` + ' wordbreak '}
+                                                className={`${footerStyles.footersubtitlestyles}` + ' wordbreak '}
                                                 style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}
                                                 onClick={() => {
                                                     routingcountext(StaticPagesLinksContext.Wishlist);
@@ -312,9 +301,9 @@ const Footer5 = (props) => {
                                                 {lang.wishlist}
                                             </p>
                                         </div>
-                                        <div class="col-lg-12 p-0 d-flex justify-content-md-center">
+                                        <div className="col-lg-12 p-0 d-flex justify-content-md-center">
                                             <p
-                                                class={`${footerStyles.footersubtitlestyles}` + ' wordbreak '}
+                                                className={`${footerStyles.footersubtitlestyles}` + ' wordbreak '}
                                                 style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}
                                                 onClick={() => {
                                                     routingcountext(StaticPagesLinksContext.Ordershistory);
@@ -323,9 +312,9 @@ const Footer5 = (props) => {
                                                 {lang.orderhistory}
                                             </p>
                                         </div>
-                                        <div class="col-lg-12 p-0 d-flex justify-content-md-center">
+                                        <div className="col-lg-12 p-0 d-flex justify-content-md-center">
                                             <p
-                                                class={`${footerStyles.footersubtitlestyles}` + ' wordbreak '}
+                                                className={`${footerStyles.footersubtitlestyles}` + ' wordbreak '}
                                                 style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}
                                                 onClick={() => {
                                                     routingcountext(StaticPagesLinksContext.Policies);
@@ -339,10 +328,10 @@ const Footer5 = (props) => {
                             )}
                         </div>
                     </div>
-                    <div class="col-lg-4 col-md-12 col-sm-12 d-flex d-md-none align-items-center justify-content-start p-sm-0">
-                        <div class="row m-0 w-100">
-                            <div class="col-lg-12 allcentered">
-                                <div class={`${footerStyles.footerlogo}` + ' d-flex flex-column align-items-center justify-content-start '}>
+                    <div className="col-lg-4 col-md-12 col-sm-12 d-flex d-md-none align-items-center justify-content-start p-sm-0">
+                        <div className="row m-0 w-100">
+                            <div className="col-lg-12 allcentered">
+                                <div className={`${footerStyles.footerlogo}` + ' d-flex flex-column align-items-center justify-content-start '}>
                                     <IKImage
                                         urlEndpoint={IKurlEndpoint}
                                         publicKey={IKpublicKey}
@@ -357,30 +346,30 @@ const Footer5 = (props) => {
                                 </div>
                             </div>
                             {sectionproperties.showfooterdescription == 'Show' && (
-                                <div class="col-lg-12 p-0 allcentered mt-2">
-                                    <p class={`${footerStyles.footerinformationstyles}` + ' wordbreak wordbreak3 text-center p-0 mb-4 '}>
+                                <div className="col-lg-12 p-0 allcentered mt-2">
+                                    <p className={`${footerStyles.footerinformationstyles}` + ' wordbreak wordbreak3 text-center p-0 mb-4 '}>
                                         {langdetect == 'en' ? authdetailsContext.instinfo.description_en : authdetailsContext.instinfo.description_ar}
                                     </p>
                                 </div>
                             )}
-                            <div class="col-lg-12 allcentered">
+                            <div className="col-lg-12 allcentered">
                                 {sectionproperties.fbbtn_show == 'Show' && (
-                                    <div class={langdetect == 'en' ? `${footerStyles.facebook_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.facebook_btn}` + ' allcentered ml-3 ml-sm-4'}>
-                                        <i class="h-100 allcentered">
+                                    <div className={langdetect == 'en' ? `${footerStyles.facebook_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.facebook_btn}` + ' allcentered ml-3 ml-sm-4'}>
+                                        <i className="h-100 allcentered">
                                             <FaFacebookF size={sectionproperties.facebkbtnniconfontsize} />
                                         </i>
                                     </div>
                                 )}
                                 {sectionproperties.instbtn_show == 'Show' && (
-                                    <div class={langdetect == 'en' ? `${footerStyles.instgram_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.instgram_btn}` + ' allcentered ml-3 ml-sm-4'}>
-                                        <i class="h-100 allcentered">
+                                    <div className={langdetect == 'en' ? `${footerStyles.instgram_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.instgram_btn}` + ' allcentered ml-3 ml-sm-4'}>
+                                        <i className="h-100 allcentered">
                                             <AiFillInstagram size={sectionproperties.instgrambtniconfontsize} />
                                         </i>
                                     </div>
                                 )}
                                 {sectionproperties.youtbtn_show == 'Show' && (
-                                    <div class={langdetect == 'en' ? `${footerStyles.youtube_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.youtube_btn}` + ' allcentered ml-3 ml-sm-4'}>
-                                        <i class="h-100 allcentered">
+                                    <div className={langdetect == 'en' ? `${footerStyles.youtube_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.youtube_btn}` + ' allcentered ml-3 ml-sm-4'}>
+                                        <i className="h-100 allcentered">
                                             <BsWhatsapp size={sectionproperties.youtubebtniconfontsize} />
                                         </i>
                                     </div>
@@ -389,44 +378,48 @@ const Footer5 = (props) => {
                         </div>
                     </div>
                     <div
-                        class="col-lg-4 mt-4 pl-md-2 pr-md-2"
+                        className="col-lg-4 mt-4 pl-md-2 pr-md-2"
                         style={{
                             paddingLeft: langdetect == 'en' ? '80px' : 0,
                             paddingRight: langdetect == 'en' ? 0 : '80px',
                         }}
                     >
                         {sectionproperties.showfooterdescription == 'Show' && (
-                            <div class="col-lg-12 p-0 d-flex justify-content-start justify-content-md-center mt-2">
-                                <p class={`${footerStyles.footertitlestyles}` + ' wordbreak p-0 mb-4 '}>Contact Info</p>
+                            <div className="col-lg-12 p-0 d-flex justify-content-start justify-content-md-center mt-2">
+                                <p className={`${footerStyles.footertitlestyles}` + ' wordbreak p-0 mb-4 '}>Contact Info</p>
                             </div>
                         )}
                         {sectionproperties.showfooteraddress == 'Show' && (
                             <div
-                                class={`${footerStyles.footerinformationstyles}` + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center mb-3 '}
+                                className={
+                                    `${footerStyles.footerinformationstyles}` + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center mb-3 '
+                                }
                             >
-                                <i class="h-100 d-flex justify-content-center align-items-center">
-                                    <GoLocation class={langdetect == 'en' ? 'mr-2' : 'ml-2'} size={20} />
+                                <i className="h-100 d-flex justify-content-center align-items-center">
+                                    <GoLocation className={langdetect == 'en' ? 'mr-2' : 'ml-2'} size={20} />
                                 </i>
-                                <p class={' p-0 m-0 wordbreak '}>{authdetailsContext.instinfo.address_en}</p>
+                                <p className={' p-0 m-0 wordbreak '}>{authdetailsContext.instinfo.address_en}</p>
                             </div>
                         )}
                         {sectionproperties.showfooteremail == 'Show' && (
                             <div
-                                class={`${footerStyles.footerinformationstyles}` + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center mb-3 '}
+                                className={
+                                    `${footerStyles.footerinformationstyles}` + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center mb-3 '
+                                }
                                 onClick={() => {
                                     window.open('mailto:' + authdetailsContext.instinfo.contactinfo.email, '_self');
                                 }}
                                 style={{ cursor: 'pointer' }}
                             >
-                                <i class="h-100 d-flex justify-content-center align-items-center">
-                                    <AiOutlineMail class={langdetect == 'en' ? 'mr-2' : 'ml-2'} size={20} />
+                                <i className="h-100 d-flex justify-content-center align-items-center">
+                                    <AiOutlineMail className={langdetect == 'en' ? 'mr-2' : 'ml-2'} size={20} />
                                 </i>
-                                <p class={' p-0 m-0 wordbreak text-transform-none '}>{authdetailsContext.instinfo.contactinfo.email}</p>
+                                <p className={' p-0 m-0 wordbreak text-transform-none '}>{authdetailsContext.instinfo.contactinfo.email}</p>
                             </div>
                         )}
                         {sectionproperties.showfooterphonenumber == 'Show' && (
                             <div
-                                class={
+                                className={
                                     `${footerStyles.footerinformationstyles}` + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center  mb-md-3'
                                 }
                                 onClick={() => {
@@ -434,53 +427,53 @@ const Footer5 = (props) => {
                                 }}
                                 style={{ cursor: 'pointer' }}
                             >
-                                <i class="h-100 d-flex justify-content-center align-items-center">
-                                    <AiOutlinePhone class={langdetect == 'en' ? 'mr-2' : 'ml-2'} size={20} />
+                                <i className="h-100 d-flex justify-content-center align-items-center">
+                                    <AiOutlinePhone className={langdetect == 'en' ? 'mr-2' : 'ml-2'} size={20} />
                                 </i>
-                                <p class={' p-0 m-0 wordbreak '}>{authdetailsContext.instinfo.contactinfo.mobile}</p>
+                                <p className={' p-0 m-0 wordbreak '}>{authdetailsContext.instinfo.contactinfo.mobile}</p>
                             </div>
                         )}
                         {sectionproperties.showpaymentfooter == 'Show' && (
-                            <div class="row m-0 w-100 mt-3">
-                                <div class="col-lg-12 p-0 d-flex justify-content-md-center">
-                                    <p class={`${footerStyles.footertitlestyles}` + ' m-0 p-0 '}>We accept</p>
+                            <div className="row m-0 w-100 mt-3">
+                                <div className="col-lg-12 p-0 d-flex justify-content-md-center">
+                                    <p className={`${footerStyles.footertitlestyles}` + ' m-0 p-0 '}>We accept</p>
                                 </div>
-                                <div class="col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-start justify-content-md-center">
+                                <div className="col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-start justify-content-md-center">
                                     <div
-                                        class={`${footerStyles.payimgcont}`}
+                                        className={`${footerStyles.payimgcont}`}
                                         style={{
                                             width: '50px',
                                             height: '40px',
                                         }}
                                     >
-                                        <img src={visa} class={`${footerStyles.payimg}`} />
+                                        <img src={visa} className={`${footerStyles.payimg}`} />
                                     </div>
                                     <div
-                                        class={`${footerStyles.payimgcont}`}
+                                        className={`${footerStyles.payimgcont}`}
                                         style={{
                                             width: '70px',
                                             height: '40px',
                                         }}
                                     >
-                                        <img src={paypal} class={`${footerStyles.payimg}`} />
+                                        <img src={paypal} className={`${footerStyles.payimg}`} />
                                     </div>
                                     <div
-                                        class={`${footerStyles.payimgcont}`}
+                                        className={`${footerStyles.payimgcont}`}
                                         style={{
                                             width: '70px',
                                             height: '40px',
                                         }}
                                     >
-                                        <img src={fawry} class={`${footerStyles.payimg}`} />
+                                        <img src={fawry} className={`${footerStyles.payimg}`} />
                                     </div>
                                     <div
-                                        class={`${footerStyles.payimgcont}`}
+                                        className={`${footerStyles.payimgcont}`}
                                         style={{
                                             width: '75px',
                                             height: '40px',
                                         }}
                                     >
-                                        <img src={paymob} class={`${footerStyles.payimg}`} />
+                                        <img src={paymob} className={`${footerStyles.payimg}`} />
                                     </div>
                                 </div>
                             </div>

package/{srcOLD → src1-10}/TabexComponents/Footer/Footer6/Footer6.jsx

@@ -1,8 +1,4 @@
 import React, { useEffect, useState, useContext } from 'react';
-// import { LanguageContext } from '../../../LanguageContext';
-// import { FetchingContext } from '../../../FetchingContext';
-// import { TemplateRoutingContext } from '../../../TemplateRoutingContext';
-// import { WebsiteDesignWorkPlaceContext } from '../../../../WebsiteDesignWorkPlaceContext';
 import { css } from 'glamor';
 import { FaFacebookF } from 'react-icons/fa';
 import { BsWhatsapp, BsInfoCircle } from 'react-icons/bs';
@@ -10,21 +6,16 @@ import { IoLocationSharp } from 'react-icons/io5';
 import { AiFillInstagram } from 'react-icons/ai';
 import { HiOutlineClock } from 'react-icons/hi';
 import { GoLocation } from 'react-icons/go';
-// import { serverbaselink } from '../../../Env_Variables';
 import visa from '../../../assets/images/visa.png';
 import fawry from '../../../assets/images/fawry.png';
 import paypal from '../../../assets/images/paypal.png';
 import paymob from '../../../assets/images/paymob.png';
 
 const Footer6 = (props) => {
-    // const { lang, langdetect } = useContext(LanguageContext);
-    // const { fetch_inst_tabex_websitetemplatesQueryContext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
-    // const { fetchAuthorizationQueryContext, templateproperties_context } = useContext(FetchingContext);
-    // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
     const [sectionproperties, setsectionproperties] = useState('');
     const [arrayofobjectimagesonly, setarrayofobjectimagesonly] = useState([]);
     const [logoarrayofobjects, setlogoarrayofobjects] = useState([]);
-
+    const history = props.actions.history;
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;
@@ -154,23 +145,23 @@ const Footer6 = (props) => {
         }),
     };
     return (
-        <div class={`${footerStyles.footerContainer}` + ' row m-0 w-100 d-flex justify-content-center pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 '}>
+        <div className={`${footerStyles.footerContainer}` + ' row m-0 w-100 d-flex justify-content-center pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 '}>
             {sectionproperties.showfooterdescription == 'Show' && (
-                <div class="col-lg-3 col-md-12 col-sm-12 p-0 mb-md-3">
-                    <div class="row m-0 w-100">
-                        <div class="col-lg-12 d-flex justify-content-start align-items-center flex-row">
-                            <BsInfoCircle class={footerStyles.icon} size={18} />
-                            <p class={footerStyles.titlestyles + ' m-0 p-0 ml-2 mr-2 '}>{lang.contactus}</p>
+                <div className="col-lg-3 col-md-12 col-sm-12 p-0 mb-md-3">
+                    <div className="row m-0 w-100">
+                        <div className="col-lg-12 d-flex justify-content-start align-items-center flex-row">
+                            <BsInfoCircle className={footerStyles.icon} size={18} />
+                            <p className={footerStyles.titlestyles + ' m-0 p-0 ml-2 mr-2 '}>{lang.contactus}</p>
                         </div>
                         <div
-                            class="col-lg-12 d-flex justify-content-start align-items-center"
+                            className="col-lg-12 d-flex justify-content-start align-items-center"
                             style={{
                                 paddingLeft: langdetect == 'en' ? '2.5rem' : 0,
                                 paddingRight: langdetect == 'en' ? 0 : '2.5rem',
                             }}
                         >
                             <p
-                                class={footerStyles.infostyles + ' m-0 p-0 mt-2 cursor-pointer '}
+                                className={footerStyles.infostyles + ' m-0 p-0 mt-2 cursor-pointer '}
                                 onClick={() => {
                                     window.open('tel:+' + authdetailsContext.instinfo.contactinfo.mobile, '_self');
                                 }}
@@ -179,112 +170,112 @@ const Footer6 = (props) => {
                             </p>
                         </div>
                         <div
-                            class="col-lg-12 d-flex justify-content-start align-items-center"
+                            className="col-lg-12 d-flex justify-content-start align-items-center"
                             style={{
                                 paddingLeft: langdetect == 'en' ? '2.5rem' : 0,
                                 paddingRight: langdetect == 'en' ? 0 : '2.5rem',
                             }}
                         >
-                            <p class={footerStyles.infostyles + ' m-0 p-0 mt-2 '}>{authdetailsContext.instinfo.contactinfo.email}</p>
+                            <p className={footerStyles.infostyles + ' m-0 p-0 mt-2 '}>{authdetailsContext.instinfo.contactinfo.email}</p>
                         </div>
                     </div>
                 </div>
             )}
             {sectionproperties.showfooteraddress == 'Show' && (
-                <div class="col-lg-3 col-md-12 col-sm-12 p-0 mb-md-3">
-                    <div class="row m-0 w-100">
-                        <div class="col-lg-12 d-flex justify-content-start align-items-center flex-row">
-                            <GoLocation class={footerStyles.icon} size={18} />
-                            <p class={footerStyles.titlestyles + ' m-0 p-0 ml-2 mr-2 '}>{lang.address}</p>
+                <div className="col-lg-3 col-md-12 col-sm-12 p-0 mb-md-3">
+                    <div className="row m-0 w-100">
+                        <div className="col-lg-12 d-flex justify-content-start align-items-center flex-row">
+                            <GoLocation className={footerStyles.icon} size={18} />
+                            <p className={footerStyles.titlestyles + ' m-0 p-0 ml-2 mr-2 '}>{lang.address}</p>
                         </div>
                         <div
-                            class="col-lg-12 d-flex justify-content-start align-items-center flex-row"
+                            className="col-lg-12 d-flex justify-content-start align-items-center flex-row"
                             style={{
                                 paddingLeft: langdetect == 'en' ? '2.5rem' : 0,
                                 paddingRight: langdetect == 'en' ? 0 : '2.5rem',
                             }}
                         >
-                            <p class={footerStyles.infostyles + ' m-0 p-0 mt-2 '}>{authdetailsContext.instinfo.address_en}</p>
+                            <p className={footerStyles.infostyles + ' m-0 p-0 mt-2 '}>{authdetailsContext.instinfo.address_en}</p>
                         </div>
                     </div>
                 </div>
             )}
             {sectionproperties.showopeninghours == 'Show' && (
-                <div class="col-lg-3 col-md-12 col-sm-12 p-0 mb-md-3">
-                    <div class="col-lg-12 d-flex justify-content-start align-items-center flex-row">
-                        <HiOutlineClock class={footerStyles.icon} size={23} />
-                        <p class={footerStyles.titlestyles + ' m-0 p-0 ml-2 mr-2 '}>{lang.workinghours}</p>
+                <div className="col-lg-3 col-md-12 col-sm-12 p-0 mb-md-3">
+                    <div className="col-lg-12 d-flex justify-content-start align-items-center flex-row">
+                        <HiOutlineClock className={footerStyles.icon} size={23} />
+                        <p className={footerStyles.titlestyles + ' m-0 p-0 ml-2 mr-2 '}>{lang.workinghours}</p>
                     </div>
                     <div
-                        class="col-lg-12 d-flex justify-content-start align-items-center flex-row"
+                        className="col-lg-12 d-flex justify-content-start align-items-center flex-row"
                         style={{
                             paddingLeft: langdetect == 'en' ? '2.5rem' : 0,
                             paddingRight: langdetect == 'en' ? 0 : '2.5rem',
                         }}
                     >
-                        <p class={footerStyles.infostyles + ' m-0 p-0 mt-2 '}>Sat-Mon 12:00pm - 9:00pm</p>
+                        <p className={footerStyles.infostyles + ' m-0 p-0 mt-2 '}>Sat-Mon 12:00pm - 9:00pm</p>
                     </div>
                 </div>
             )}
-            <div class="col-lg-3 d-flex align-items-center justify-content-center justify-content-md-start">
+            <div className="col-lg-3 d-flex align-items-center justify-content-center justify-content-md-start">
                 {sectionproperties.fbbtn_show == 'Show' && (
-                    <div class={`${footerStyles.facebook_btn}` + '  d-flex align-items-center justify-content-center '}>
+                    <div className={`${footerStyles.facebook_btn}` + '  d-flex align-items-center justify-content-center '}>
                         <FaFacebookF size={sectionproperties.facebkbtnniconfontsize} />
                     </div>
                 )}
                 {sectionproperties.instbtn_show == 'Show' && (
-                    <div class={`${footerStyles.instgram_btn}` + '  d-flex align-items-center justify-content-center ml-3 mr-3 '}>
+                    <div className={`${footerStyles.instgram_btn}` + '  d-flex align-items-center justify-content-center ml-3 mr-3 '}>
                         <AiFillInstagram size={sectionproperties.instgrambtniconfontsize} />
                     </div>
                 )}
                 {sectionproperties.youtbtn_show == 'Show' && (
-                    <div class={`${footerStyles.youtube_btn}` + '  d-flex align-items-center justify-content-center '}>
+                    <div className={`${footerStyles.youtube_btn}` + '  d-flex align-items-center justify-content-center '}>
                         <BsWhatsapp size={sectionproperties.youtubebtniconfontsize} />
                     </div>
                 )}
             </div>
             {sectionproperties.showseparator == 'Show' && (
-                <div class="col-lg-12 p-0 mt-4 mb-4">
-                    <div class={footerStyles.divider} />
+                <div className="col-lg-12 p-0 mt-4 mb-4">
+                    <div className={footerStyles.divider} />
                 </div>
             )}
             {sectionproperties.showpaymentfooter == 'Show' && (
-                <div class="col-lg-12 allcentered">
+                <div className="col-lg-12 allcentered">
                     <div
-                        class={`${footerStyles.payimgcont}`}
+                        className={`${footerStyles.payimgcont}`}
                         style={{
                             width: '50px',
                             height: '40px',
                         }}
                     >
-                        <img src={visa} class={`${footerStyles.payimg}`} />
+                        <img src={visa} className={`${footerStyles.payimg}`} />
                     </div>
                     <div
-                        class={`${footerStyles.payimgcont}`}
+                        className={`${footerStyles.payimgcont}`}
                         style={{
                             width: '70px',
                             height: '40px',
                         }}
                     >
-                        <img src={paypal} class={`${footerStyles.payimg}`} />
+                        <img src={paypal} className={`${footerStyles.payimg}`} />
                     </div>
                     <div
-                        class={`${footerStyles.payimgcont}`}
+                        className={`${footerStyles.payimgcont}`}
                         style={{
                             width: '70px',
                             height: '40px',
                         }}
                     >
-                        <img src={fawry} class={`${footerStyles.payimg}`} />
+                        <img src={fawry} className={`${footerStyles.payimg}`} />
                     </div>
                     <div
-                        class={`${footerStyles.payimgcont}`}
+                        className={`${footerStyles.payimgcont}`}
                         style={{
                             width: '75px',
                             height: '40px',
                         }}
                     >
-                        <img src={paymob} class={`${footerStyles.payimg}`} />
+                        <img src={paymob} className={`${footerStyles.payimg}`} />
                     </div>
                 </div>
             )}