From ba1c8b8180c2c36b01e19a698e0741b160a58315 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 28 Feb 2023 22:28:56 +0100
Subject: [PATCH] footer tel_link direct

---
 src/component/Footer/Main.js | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/component/Footer/Main.js b/src/component/Footer/Main.js
index eb80297..bd03cf6 100644
--- a/src/component/Footer/Main.js
+++ b/src/component/Footer/Main.js
@@ -60,7 +60,10 @@ const Main = ({ footer }) => {
                         </a>
                       </li>
                       <li>
-                        <Link to="#">{process.env.REACT_APP_US_PHONE}</Link>
+                        {/* <Link to="#">{process.env.REACT_APP_US_PHONE}</Link> */}
+                        <a href={`tel: ${process.env.REACT_APP_US_PHONE}`}>
+                          {process.env.REACT_APP_US_PHONE}
+                        </a>
                       </li>
                     </ul>
                     <ul className="social_media">
@@ -202,7 +205,10 @@ const Main = ({ footer }) => {
                         </a>
                       </li>
                       <li>
-                        <Link to="#">{process.env.REACT_APP_US_PHONE}</Link>
+                        {/* <Link to="#">{process.env.REACT_APP_US_PHONE}</Link> */}
+                        <a href={`tel: ${process.env.REACT_APP_US_PHONE}`}>
+                          {process.env.REACT_APP_US_PHONE}
+                        </a>
                       </li>
                     </ul>
                     <ul className="social_media">
@@ -328,7 +334,10 @@ const Main = ({ footer }) => {
                         </a>
                       </li>
                       <li>
-                        <Link to="#">{process.env.REACT_APP_US_PHONE}</Link>
+                        {/* <Link to="#">{process.env.REACT_APP_US_PHONE}</Link> */}
+                        <a href={`tel: ${process.env.REACT_APP_US_PHONE}`}>
+                          {process.env.REACT_APP_US_PHONE}
+                        </a>
                       </li>
                     </ul>
                     <ul className="social_media">
@@ -456,7 +465,10 @@ const Main = ({ footer }) => {
                         </a>
                       </li>
                       <li>
-                        <Link to="#">{process.env.REACT_APP_US_PHONE}</Link>
+                        {/* <Link to="#">{process.env.REACT_APP_US_PHONE}</Link> */}
+                        <a href={`tel: ${process.env.REACT_APP_US_PHONE}`}>
+                          {process.env.REACT_APP_US_PHONE}
+                        </a>
                       </li>
                     </ul>
                     <ul className="social_media">
@@ -592,7 +604,10 @@ const Main = ({ footer }) => {
                         </a>
                       </li>
                       <li>
-                        <Link to="#">{process.env.REACT_APP_US_PHONE}</Link>
+                        {/* <Link to="#">{process.env.REACT_APP_US_PHONE}</Link> */}
+                        <a href={`tel: ${process.env.REACT_APP_US_PHONE}`}>
+                          {process.env.REACT_APP_US_PHONE}
+                        </a>
                       </li>
                     </ul>
                     <ul className="social_media">
-- 
2.34.1