tabexseriescomponents 0.0.65 → 0.0.67

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

@@ -1,23 +1,13 @@
 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/{srcOLD → src1-10}/TabexComponents/Cards/Productcard_with_zoominonhover/Productcard_with_zoominonhover.jsx

@@ -1,8 +1,4 @@
 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';
@@ -11,10 +7,6 @@ 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;
@@ -25,9 +17,7 @@ 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/{srcOLD → src1-10}/TabexComponents/Cards/Productcarddefault/Productcarddefault.jsx

@@ -1,24 +1,14 @@
 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/{srcOLD → src1-10}/TabexComponents/Cards/Productccard_with_imageontopleft/Productccard_with_imageontopleft.jsx

@@ -1,27 +1,15 @@
 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/{srcOLD → src1-10}/TabexComponents/Cards/Prouductcard_with_zoomhover/Prouductcard_with_zoomhover.jsx

@@ -1,25 +1,13 @@
 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/{srcOLD → src1-10}/TabexComponents/Cards/Simplecategorycardwithtextbelow/Simplecategorycardwithtextbelow.jsx

@@ -1,21 +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';
 
 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/{srcOLD → src1-10}/TabexComponents/Cards/Simpleproductcard/Simpleproductcard.jsx

@@ -1,12 +1,7 @@
 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';
@@ -17,14 +12,9 @@ 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;
@@ -237,25 +227,23 @@ const Simpleproductcard = (props) => {
                     <div>
                         <div class="row m-0 w-100 ">
                             {sectionproperties.prodNameShow == 'Show' && (
-                                <div class="col-lg-12 p-0 " style={{ height: 35 }}>
+                                <div class="col-lg-12 p-0">
                                     <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 wordbreak2 -noellipsis text-center m-0 '}
+                                        class={`${card_cssstyles.productNameStyles}` + '  wordbreak wordbreak1 text-center m-0 '}
                                     >
                                         {item.name}
                                     </p>
                                 </div>
                             )}
 
-                            <div style={{ position: 'absolute', bottom: 2, flexDirection: 'column' }} class="col-lg-12 d-flex align-items-center justify-content-center p-0 ">
+                            <div style={{ 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/{srcOLD → src1-10}/TabexComponents/Cards/StylishProductCard/StylishProductCard.jsx

@@ -1,13 +1,8 @@
 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';
@@ -19,13 +14,8 @@ 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;
@@ -249,7 +239,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/{srcOLD → src1-10}/TabexComponents/Footer/Footer1/Footer1.jsx

@@ -1,26 +1,16 @@
 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;
@@ -29,7 +19,6 @@ 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 = {};
@@ -242,7 +231,11 @@ const Footer1 = (props) => {
                                             }
                                             if (item.isnavigation == 1 && item.isactive == 1) {
                                                 return (
-                                                    <div>
+                                                    <div
+                                                        onClick={() => {
+                                                            routingcountext(item.navigationroute);
+                                                        }}
+                                                    >
                                                         <p class={`${footerStyles.footertitlestyles}` + '  '}>{langdetect == 'en' ? item.pagename : item.pagename_ar}</p>
                                                     </div>
                                                 );
@@ -261,9 +254,13 @@ const Footer1 = (props) => {
                                             if (item.isnavigation == 1 && item.isactive == 1) {
                                                 return (
                                                     <div class="col-lg-12 p-0 d-flex justify-content-center">
-                                                        <Link to={item.navigationroute}>
+                                                        <div
+                                                            onClick={() => {
+                                                                history.push(item.navigationroute);
+                                                            }}
+                                                        >
                                                             <p class={`${footerStyles.footertitlestyles}`}>{langdetect == 'en' ? item.pagename : item.pagename_ar} </p>
-                                                        </Link>
+                                                        </div>
                                                     </div>
                                                 );
                                             }
@@ -377,17 +374,20 @@ 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 '}
-                                        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 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>
                                 </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/{srcOLD → src1-10}/TabexComponents/Footer/Footer2/Footer2.jsx

@@ -1,9 +1,4 @@
 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';
@@ -13,13 +8,9 @@ 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;
@@ -28,7 +19,6 @@ 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 = {};
@@ -224,7 +214,9 @@ const Footer2 = (props) => {
                                 if (item.isnavigation == 1 && item.isactive == 1) {
                                     return (
                                         <div
-                                            to={item.navigationroute}
+                                            onClick={() => {
+                                                history.push(item.navigationroute);
+                                            }}
                                             style={{
                                                 marginLeft: langdetect == 'en' ? 0 : '15px',
                                                 marginRight: langdetect == 'en' ? '15px' : 0,
@@ -248,9 +240,13 @@ const Footer2 = (props) => {
                                 if (item.isnavigation == 1 && item.isactive == 1) {
                                     return (
                                         <div class="col-lg-12 p-0 d-flex justify-content-center">
-                                            <Link to={item.navigationroute}>
+                                            <div
+                                                onClick={() => {
+                                                    history.push(item.navigationroute);
+                                                }}
+                                            >
                                                 <p class={`${footerStyles.footertitlestyles}`}>{langdetect == 'en' ? item.pagename : item.pagename_ar} </p>
-                                            </Link>
+                                            </div>
                                         </div>
                                     );
                                 }
@@ -341,17 +337,20 @@ 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 '}
-                                        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 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>
                                 </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/{srcOLD → src1-10}/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,10 +201,12 @@ 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>
                                     );
                                 }
@@ -283,9 +285,15 @@ 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={`${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 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>
                                 </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/{srcOLD → src1-10}/TabexComponents/Footer/Footer4/Footer4.jsx

@@ -1,9 +1,4 @@
 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';
@@ -16,10 +11,6 @@ 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;
@@ -28,7 +19,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') {
@@ -263,7 +254,11 @@ const Footer4 = (props) => {
                                         if (index < 3) {
                                             return (
                                                 <div className="col-lg-12 p-0">
-                                                    <div to={item.navigationroute}>
+                                                    <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>
@@ -289,7 +284,11 @@ const Footer4 = (props) => {
                                         if (index > 2) {
                                             return (
                                                 <div className="col-lg-12 p-0">
-                                                    <div to={item.navigationroute}>
+                                                    <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>