tabexseriescomponents 0.0.71 → 0.0.74

package/{src1-10 → srcOLD}/TabexComponents/Cards/Productcard_with_variants/Productcard_with_variants.jsx

@@ -1,13 +1,23 @@
 import React, { useEffect, useState, useContext } from 'react';
+// import { LanguageContext } from '../../../LanguageContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../WebsiteDesignWorkPlaceContext';
+// import { FetchingContext } from '../../../FetchingContext';
 import { AiFillStar, AiOutlineStar } from 'react-icons/ai';
 import { css } from 'glamor';
+// import { TemplateRoutingContext } from '../../../TemplateRoutingContext';
 import { IKImage } from 'imagekitio-react';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
+
 import { FaRegHeart, FaHeart } from 'react-icons/fa';
 
 const Productcard_with_variants = (props) => {
+    // const { lang, langdetect } = useContext(LanguageContext);
+    // const { StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
+    // const { addtofavoritescontext, setShowProductInfoModalContext, setProductIdProdutInfoModalContext } = useContext(FetchingContext);
+    // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
     const [sectionproperties, setsectionproperties] = useState('');
     const [item, setitem] = useState(props.cardinfoitemprops);
+
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;

package/{src1-10 → srcOLD}/TabexComponents/Cards/Productcard_with_zoominonhover/Productcard_with_zoominonhover.jsx

@@ -1,4 +1,8 @@
 import React, { useEffect, useState, useContext } from 'react';
+// import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
+// import { FetchingContext } from '../../../../../../../Contexts/FetchingContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../../../../Contexts/WebsiteDesignWorkPlaceContext';
+// import { TemplateRoutingContext } from '../../../../../../../Contexts/TemplateRoutingContext';
 import cardsstyles from '../../../styles/cards/Productccard_with_zoominonhover.module.css';
 import { css } from 'glamor';
 import { AiFillStar, AiOutlineHeart } from 'react-icons/ai';
@@ -7,6 +11,10 @@ import { FiShoppingCart } from 'react-icons/fi';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
 import { CircularProgress } from 'react-cssfx-loading';
 const Productcard_with_zoominonhover = (props) => {
+    // const { lang, langdetect } = useContext(LanguageContext);
+    // const { fetch_inst_tabex_websitetemplatesQueryContext, sectionindexcontext, pageindexcontext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
+    // const { addtofavoritescontext, setShowProductInfoModalContext, ProductIdProdutInfoModalContext, setProductIdProdutInfoModalContext, AddtoCartContext, AddtoCartMutationContext } =
+    //     useContext(FetchingContext);
     const [sectionproperties, setsectionproperties] = useState('');
     const [item, setitem] = useState(props.cardinfoitemprops);
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -17,7 +25,9 @@ const Productcard_with_zoominonhover = (props) => {
     const setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
     const AddtoCartContext = props.actions.AddtoCartContext;
     const AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+
     const NotificationManager = NotificationManager;
+
     useEffect(() => {
         if (props.srcfrom == 'addsectionform') {
             var secpropobj = {};

package/{src1-10 → srcOLD}/TabexComponents/Cards/Productcarddefault/Productcarddefault.jsx

@@ -1,14 +1,24 @@
 import React, { useEffect, useState, useContext } from 'react';
+// import { serverbaselink } from '../../../Env_Variables';
+// import { LanguageContext } from '../../../LanguageContext';
+// import { FetchingContext } from '../../../FetchingContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../WebsiteDesignWorkPlaceContext';
 import { css } from 'glamor';
 import { AiFillStar, AiFillHeart } from 'react-icons/ai';
 import { MdOutlineShoppingCart } from 'react-icons/md';
+// import { TemplateRoutingContext } from '../../../TemplateRoutingContext';
 import { IKImage } from 'imagekitio-react';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
 
 const Productcarddefault = (props) => {
+    // const { lang, langdetect } = useContext(LanguageContext);
+    // const { fetch_inst_tabex_websitetemplatesQueryContext, sectionindexcontext, pageindexcontext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
+    // const { addtofavoritescontext, setShowProductInfoModalContext, ProductIdProdutInfoModalContext, setProductIdProdutInfoModalContext } = useContext(FetchingContext);
+    // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
     const [sectionproperties, setsectionproperties] = useState('');
     const [item, setitem] = useState(props.cardinfoitemprops);
     const [index, setindex] = useState(props.cardinfoindexprops);
+
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;

package/{src1-10 → srcOLD}/TabexComponents/Cards/Productccard_with_imageontopleft/Productccard_with_imageontopleft.jsx

@@ -1,15 +1,27 @@
 import React, { useEffect, useState, useContext } from 'react';
+// import { serverbaselink } from '../../../Env_Variables';
+// import { LanguageContext } from '../../../LanguageContext';
+// import { FetchingContext } from '../../../FetchingContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../WebsiteDesignWorkPlaceContext';
+
 import cardsstyles from '../../../styles/cards/productccard_with_imageontopleft.module.css';
+
 import { css } from 'glamor';
 import { AiFillStar, AiOutlineStar } from 'react-icons/ai';
 import { FaRegHeart, FaHeart } from 'react-icons/fa';
+// import { TemplateRoutingContext } from '../../../TemplateRoutingContext';
 import { MdOutlineShoppingCart } from 'react-icons/md';
 import { IKImage } from 'imagekitio-react';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
 
 const Productccard_with_imageontopleft = (props) => {
+    // const { lang, langdetect } = useContext(LanguageContext);
+    // const { StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
+    // const { addtofavoritescontext, setShowProductInfoModalContext, setProductIdProdutInfoModalContext } = useContext(FetchingContext);
+    // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
     const [sectionproperties, setsectionproperties] = useState('');
     const [item, setitem] = useState(props.cardinfoitemprops);
+
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;

package/{src1-10 → srcOLD}/TabexComponents/Cards/Prouductcard_with_zoomhover/Prouductcard_with_zoomhover.jsx

@@ -1,13 +1,25 @@
 import React, { useEffect, useState, useContext } from 'react';
+// import { serverbaselink } from '../../../Env_Variables';
+// import { LanguageContext } from '../../../LanguageContext';
+// import { FetchingContext } from '../../../FetchingContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../WebsiteDesignWorkPlaceContext';
 import cardsstyles from '../../../styles/cards/Prouductcard_with_zoomhover.module.css';
+
 import { css } from 'glamor';
 import { AiFillStar } from 'react-icons/ai';
+// import { TemplateRoutingContext } from '../../../TemplateRoutingContext';
 import { MdOutlineShoppingCart } from 'react-icons/md';
 import { IKImage } from 'imagekitio-react';
+
 const Prouductcard_with_zoomhover = (props) => {
+    // const { lang, langdetect } = useContext(LanguageContext);
+    // const { fetch_inst_tabex_websitetemplatesQueryContext, sectionindexcontext, pageindexcontext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
+    // const { addtofavoritescontext, setShowProductInfoModalContext, ProductIdProdutInfoModalContext, setProductIdProdutInfoModalContext } = useContext(FetchingContext);
+    // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
     const [sectionproperties, setsectionproperties] = useState('');
     const [item, setitem] = useState(props.cardinfoitemprops);
     const [index, setindex] = useState(props.cardinfoindexprops);
+
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;

package/{src1-10 → srcOLD}/TabexComponents/Cards/Simplecategorycardwithtextbelow/Simplecategorycardwithtextbelow.jsx

@@ -1,12 +1,21 @@
 import React, { useEffect, useState, useContext } from 'react';
+// import { LanguageContext } from '../../../LanguageContext';
+// import { FetchingContext } from '../../../FetchingContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../WebsiteDesignWorkPlaceContext';
+// import { TemplateRoutingContext } from '../../../TemplateRoutingContext';
 import { css } from 'glamor';
 import { IKImage } from 'imagekitio-react';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
 
 const Simplecategorycardwithtextbelow = (props) => {
+    // const { lang, langdetect } = useContext(LanguageContext);
+    // const { fetch_inst_tabex_websitetemplatesQueryContext, sectionindexcontext, pageindexcontext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
+    // const { addtofavoritescontext, setShowProductInfoModalContext, ProductIdProdutInfoModalContext, setProductIdProdutInfoModalContext } = useContext(FetchingContext);
+    // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
     const [sectionproperties, setsectionproperties] = useState('');
     const [item, setitem] = useState(props.cardinfoitemprops);
     const [index, setindex] = useState(props.cardinfoindexprops);
+
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;

package/{src1-10 → srcOLD}/TabexComponents/Cards/Simpleproductcard/Simpleproductcard.jsx

@@ -1,7 +1,12 @@
 import React, { useEffect, useState, useContext } from 'react';
+// import { LanguageContext } from '../../../LanguageContext';
+// import { FetchingContext } from '../../../FetchingContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../WebsiteDesignWorkPlaceContext';
+// import { TemplateRoutingContext } from '../../../TemplateRoutingContext';
 import { css } from 'glamor';
 import { IKImage } from 'imagekitio-react';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
+
 import { FiShoppingCart, FiShoppingBag } from 'react-icons/fi';
 import { IoBagHandleOutline } from 'react-icons/io5';
 import { CgShoppingBag } from 'react-icons/cg';
@@ -12,9 +17,14 @@ import { FaRegHeart, FaHeart } from 'react-icons/fa';
 import { BsHandbag } from 'react-icons/bs';
 
 const Simpleproductcard = (props) => {
+    // const { lang, langdetect } = useContext(LanguageContext);
+    // const { fetch_inst_tabex_websitetemplatesQueryContext, sectionindexcontext, pageindexcontext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
+    // const { addtofavoritescontext, setShowProductInfoModalContext, ProductIdProdutInfoModalContext, setProductIdProdutInfoModalContext } = useContext(FetchingContext);
+    // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
     const [sectionproperties, setsectionproperties] = useState('');
     const [item, setitem] = useState(props.cardinfoitemprops);
     const [index, setindex] = useState(props.cardinfoindexprops);
+
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;
@@ -227,23 +237,25 @@ const Simpleproductcard = (props) => {
                     <div>
                         <div class="row m-0 w-100 ">
                             {sectionproperties.prodNameShow == 'Show' && (
-                                <div class="col-lg-12 p-0">
+                                <div class="col-lg-12 p-0 " style={{ height: 35 }}>
                                     <p
                                         onClick={() => {
+                                            // e.stopPropagation();
+
                                             if (props.fetchingtypeprops == 'collections') {
                                                 routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
                                             } else {
                                                 routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
                                             }
                                         }}
-                                        class={`${card_cssstyles.productNameStyles}` + '  wordbreak wordbreak1 text-center m-0 '}
+                                        class={`${card_cssstyles.productNameStyles}` + '  wordbreak wordbreak2 -noellipsis text-center m-0 '}
                                     >
                                         {item.name}
                                     </p>
                                 </div>
                             )}
 
-                            <div style={{ flexDirection: 'column' }} class="col-lg-12 d-flex align-items-center justify-content-center p-0 ">
+                            <div style={{ position: 'absolute', bottom: 2, flexDirection: 'column' }} class="col-lg-12 d-flex align-items-center justify-content-center p-0 ">
                                 <div class="row m-0 w-100 ">
                                     <div class="d-flex flex-row col-lg-12 m-0 p-0 align-items-center justify-content-center mb-1 ">
                                         <div class=" d-flex align-items-center justify-content-center p-0 mb-0">

package/{src1-10 → srcOLD}/TabexComponents/Cards/StylishProductCard/StylishProductCard.jsx

@@ -1,8 +1,13 @@
 import React, { useEffect, useState, useContext } from 'react';
+// import { LanguageContext } from '../../../LanguageContext';
+// import { FetchingContext } from '../../../FetchingContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../WebsiteDesignWorkPlaceContext';
+// import { TemplateRoutingContext } from '../../../TemplateRoutingContext';
 import { NotificationManager } from 'react-notifications';
 import { css } from 'glamor';
 import { IKImage } from 'imagekitio-react';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
+
 import { FiShoppingCart, FiShoppingBag } from 'react-icons/fi';
 import { IoBagHandleOutline } from 'react-icons/io5';
 import { IoIosArrowUp } from 'react-icons/io';
@@ -14,8 +19,13 @@ import { FaRegHeart, FaHeart } from 'react-icons/fa';
 import { BsHandbag } from 'react-icons/bs';
 
 const StylishProductCard = (props) => {
+    // const { lang, langdetect } = useContext(LanguageContext);
+    // const { StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
+    // const { addtofavoritescontext, setShowProductInfoModalContext, ProductIdProdutInfoModalContext, setProductIdProdutInfoModalContext, AddtoCartContext } = useContext(FetchingContext);
+    // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
     const [sectionproperties, setsectionproperties] = useState('');
     const [item, setitem] = useState(props.cardinfoitemprops);
+
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;
@@ -239,7 +249,7 @@ const StylishProductCard = (props) => {
                                     </p>
                                 </div>
                                 <div class="col-lg-12 p-0 m-0 p-0 d-flex flex-row align-items-center justify-content-start">
-                                    {sectionproperties.prodPriceShow == 'Show' && (
+                                    {sectionproperties.prodPriceshow == 'Show' && (
                                         <p class={`${card_cssstyles.productPricestyles}` + ' m-0 wordbreak '} style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}>
                                             {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
                                         </p>

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

@@ -1,16 +1,26 @@
 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 } from 'react-icons/ai';
 import { MdLocationPin } from 'react-icons/md';
+
 import { IKImage } from 'imagekitio-react';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
 
 const Footer1 = (props) => {
+    // const { fetch_inst_tabex_websitetemplatesQueryContext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
+    // const { fetchAuthorizationQueryContext, templateproperties_context } = useContext(FetchingContext);
+    // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
+    // const { lang, langdetect } = useContext(LanguageContext);
     const [sectionproperties, setsectionproperties] = 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;
@@ -19,6 +29,7 @@ const Footer1 = (props) => {
     const authdetailsContext = props.actions.authdetailsContext;
     const templateproperties_context = props.actions.templateproperties_context;
     const templatepropcontext = props.actions.templatepropcontext;
+    // const fetch_inst_tabex_websitetemplatesQueryContext = props.fetch_inst_tabex_websitetemplatesQueryContext;
     useEffect(() => {
         if (props.srcfrom == 'addsectionform') {
             var secpropobj = {};
@@ -231,11 +242,7 @@ const Footer1 = (props) => {
                                             }
                                             if (item.isnavigation == 1 && item.isactive == 1) {
                                                 return (
-                                                    <div
-                                                        onClick={() => {
-                                                            routingcountext(item.navigationroute);
-                                                        }}
-                                                    >
+                                                    <div>
                                                         <p class={`${footerStyles.footertitlestyles}` + '  '}>{langdetect == 'en' ? item.pagename : item.pagename_ar}</p>
                                                     </div>
                                                 );
@@ -254,13 +261,9 @@ const Footer1 = (props) => {
                                             if (item.isnavigation == 1 && item.isactive == 1) {
                                                 return (
                                                     <div class="col-lg-12 p-0 d-flex justify-content-center">
-                                                        <div
-                                                            onClick={() => {
-                                                                history.push(item.navigationroute);
-                                                            }}
-                                                        >
+                                                        <Link to={item.navigationroute}>
                                                             <p class={`${footerStyles.footertitlestyles}`}>{langdetect == 'en' ? item.pagename : item.pagename_ar} </p>
-                                                        </div>
+                                                        </Link>
                                                     </div>
                                                 );
                                             }
@@ -374,20 +377,17 @@ const Footer1 = (props) => {
                                     </p>
                                 </div>
                                 <div class="col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0">
-                                    <p class={`${footerStyles.footerinfotext}` + ' d-flex align-items-center justify-content-md-center mr-1 '}>
-                                        <a
-                                            style={{
-                                                color: sectionproperties.footerinfotext_color,
-                                                fontSize: sectionproperties.footerinfotext_fontsize + 'px',
-                                                fontWeight: sectionproperties.footerinfotext_fontweight,
-                                                textTransform: sectionproperties.footerinfotext_textTransform,
-                                            }}
-                                            href={'tel:' + authdetailsContext.instinfo.contactinfo.mobile}
-                                            target={'_self'}
-                                        >
-                                            <i class={' fa fa-phone mr-2 ml-2 '}></i>
-                                            {authdetailsContext.instinfo.contactinfo.mobile}
-                                        </a>
+                                    <p
+                                        class={`${footerStyles.footerinfotext}` + ' d-flex align-items-center justify-content-md-center mr-1 '}
+                                        style={{
+                                            color: sectionproperties.footerinfotext_color,
+                                            fontSize: sectionproperties.footerinfotext_fontsize + 'px',
+                                            fontWeight: sectionproperties.footerinfotext_fontweight,
+                                            textTransform: sectionproperties.footerinfotext_textTransform,
+                                        }}
+                                    >
+                                        <i class={' fa fa-phone mr-2 ml-2 '}></i>
+                                        {authdetailsContext.instinfo.contactinfo.mobile}
                                     </p>
                                 </div>
                                 <div class="col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0">

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

@@ -1,4 +1,9 @@
 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';
@@ -8,9 +13,13 @@ import { IKImage } from 'imagekitio-react';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
 
 const Footer2 = (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 [logoarrayofobjects, setlogoarrayofobjects] = useState([]);
-    const history = props.actions.history;
+
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;
@@ -19,6 +28,7 @@ const Footer2 = (props) => {
     const authdetailsContext = props.actions.authdetailsContext;
     const templateproperties_context = props.actions.templateproperties_context;
     const templatepropcontext = props.actions.templatepropcontext;
+    // const fetch_inst_tabex_websitetemplatesQueryContext = props.fetch_inst_tabex_websitetemplatesQueryContext;
     useEffect(() => {
         if (props.srcfrom == 'addsectionform') {
             var secpropobj = {};
@@ -214,9 +224,7 @@ const Footer2 = (props) => {
                                 if (item.isnavigation == 1 && item.isactive == 1) {
                                     return (
                                         <div
-                                            onClick={() => {
-                                                history.push(item.navigationroute);
-                                            }}
+                                            to={item.navigationroute}
                                             style={{
                                                 marginLeft: langdetect == 'en' ? 0 : '15px',
                                                 marginRight: langdetect == 'en' ? '15px' : 0,
@@ -240,13 +248,9 @@ const Footer2 = (props) => {
                                 if (item.isnavigation == 1 && item.isactive == 1) {
                                     return (
                                         <div class="col-lg-12 p-0 d-flex justify-content-center">
-                                            <div
-                                                onClick={() => {
-                                                    history.push(item.navigationroute);
-                                                }}
-                                            >
+                                            <Link to={item.navigationroute}>
                                                 <p class={`${footerStyles.footertitlestyles}`}>{langdetect == 'en' ? item.pagename : item.pagename_ar} </p>
-                                            </div>
+                                            </Link>
                                         </div>
                                     );
                                 }
@@ -337,20 +341,17 @@ const Footer2 = (props) => {
                                     </p>
                                 </div>
                                 <div class="col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0">
-                                    <p class={`${footerStyles.footerinfotext}` + ' d-flex align-items-center justify-content-md-center mr-1 '}>
-                                        <a
-                                            style={{
-                                                color: sectionproperties.footerinfotext_color,
-                                                fontSize: sectionproperties.footerinfotext_fontsize + 'px',
-                                                fontWeight: sectionproperties.footerinfotext_fontweight,
-                                                textTransform: sectionproperties.footerinfotext_textTransform,
-                                            }}
-                                            href={'tel:' + authdetailsContext.instinfo.contactinfo.mobile}
-                                            target={'_self'}
-                                        >
-                                            <i class={' fa fa-phone mr-2 ml-2 '}></i>
-                                            {authdetailsContext.instinfo.contactinfo.mobile}
-                                        </a>
+                                    <p
+                                        class={`${footerStyles.footerinfotext}` + ' d-flex align-items-center justify-content-md-center mr-1 '}
+                                        style={{
+                                            color: sectionproperties.footerinfotext_color,
+                                            fontSize: sectionproperties.footerinfotext_fontsize + 'px',
+                                            fontWeight: sectionproperties.footerinfotext_fontweight,
+                                            textTransform: sectionproperties.footerinfotext_textTransform,
+                                        }}
+                                    >
+                                        <i class={' fa fa-phone mr-2 ml-2 '}></i>
+                                        {authdetailsContext.instinfo.contactinfo.mobile}
                                     </p>
                                 </div>
                                 <div class="col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0">

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

@@ -19,7 +19,7 @@ const Footer3 = (props) => {
     // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
     const [sectionproperties, setsectionproperties] = 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;
@@ -201,12 +201,10 @@ const Footer3 = (props) => {
                                                 marginLeft: langdetect == 'en' ? 0 : '15px',
                                                 marginRight: langdetect == 'en' ? '15px' : 0,
                                             }}
-                                            onClick={()=>{
-                                              
-                                                history.push(item.navigationroute)
-                                            }}
                                         >
+                                            <div to={item.navigationroute}>
                                                 <p class={`${footerStyles.footertitlestyles}` + ' m-0 p-0 '}>{langdetect == 'en' ? item.pagename : item.pagename_ar}</p>
+                                            </div>
                                         </div>
                                     );
                                 }
@@ -285,15 +283,9 @@ const Footer3 = (props) => {
                                     </p>
                                 </div>
                                 <div class="col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0">
-                                    <p class={' d-flex align-items-center justify-content-md-center mr-1 '}>
-                                        <a
-                                            class={`${footerStyles.footerinfotext}`}
-                                            href={'tel:' + authdetailsContext.instinfo.contactinfo.mobile}
-                                            target={'_self'}
-                                        >
-                                            <i class={' fa fa-phone mr-2 ml-2 '}></i>
-                                            {authdetailsContext.instinfo.contactinfo.mobile}
-                                        </a>
+                                    <p class={`${footerStyles.footerinfotext}` + ' d-flex align-items-center justify-content-md-center mr-1 '}>
+                                        <i class={' fa fa-phone mr-2 ml-2 '}></i>
+                                        {authdetailsContext.instinfo.contactinfo.mobile}
                                     </p>
                                 </div>
                                 <div class="col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0">

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

@@ -1,4 +1,9 @@
 import React, { useEffect, useState, useContext } from 'react';
+// import { Link } from 'react-router-dom';
+// import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
+// import { FetchingContext } from '../../../../../../../Contexts/FetchingContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../../../../Contexts/WebsiteDesignWorkPlaceContext';
+// import { TemplateRoutingContext } from '../../../../../../../Contexts/TemplateRoutingContext';
 import { css } from 'glamor';
 import { FaFacebookF } from 'react-icons/fa';
 import { AiFillInstagram, AiOutlineMail, AiOutlinePhone } from 'react-icons/ai';
@@ -11,6 +16,10 @@ import { BsWhatsapp } from 'react-icons/bs';
 import { IKImage } from 'imagekitio-react';
 import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
 const Footer4 = (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 StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;
@@ -19,7 +28,7 @@ const Footer4 = (props) => {
     const authdetailsContext = props.actions.authdetailsContext;
     const templateproperties_context = props.actions.templateproperties_context;
     const templatepropcontext = props.actions.templatepropcontext;
-    const history = props.actions.history;
+
     const [sectionproperties, setsectionproperties] = useState('');
     useEffect(() => {
         if (props.srcfrom == 'addsectionform') {
@@ -254,11 +263,7 @@ const Footer4 = (props) => {
                                         if (index < 3) {
                                             return (
                                                 <div className="col-lg-12 p-0">
-                                                    <div
-                                                        onClick={() => {
-                                                            history.push(item.navigationroute);
-                                                        }}
-                                                    >
+                                                    <div to={item.navigationroute}>
                                                         <p className={`${footerStyles.footersubtitlestyles}` + ' wordbreak '} style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}>
                                                             {langdetect == 'en' ? item.pagename : item.pagename_ar}
                                                         </p>
@@ -284,11 +289,7 @@ const Footer4 = (props) => {
                                         if (index > 2) {
                                             return (
                                                 <div className="col-lg-12 p-0">
-                                                    <div
-                                                        onClick={() => {
-                                                            history.push(item.navigationroute);
-                                                        }}
-                                                    >
+                                                    <div to={item.navigationroute}>
                                                         <p className={`${footerStyles.footersubtitlestyles}` + ' wordbreak '} style={{ textAlign: langdetect == 'en' ? 'left' : 'right' }}>
                                                             {langdetect == 'en' ? item.pagename : item.pagename_ar}
                                                         </p>