From 5f94cc3becc03286463e5f0b981593220da9a81c Mon Sep 17 00:00:00 2001
From: ChineseChikki <chineye.ozoagudike@chiefsoft.com>
Date: Thu, 19 Jan 2023 12:48:22 +0100
Subject: [PATCH] All links in footer is now in .env formate

---
 src/component/Footer/Main.js | 126 ++++++++++++++---------------------
 1 file changed, 51 insertions(+), 75 deletions(-)

diff --git a/src/component/Footer/Main.js b/src/component/Footer/Main.js
index 24166ee..e0ed1f0 100644
--- a/src/component/Footer/Main.js
+++ b/src/component/Footer/Main.js
@@ -61,12 +61,12 @@ const Main = ({ footer }) => {
                     </ul>
                     <ul className="social_media">
                       <li>
-                        <a href= "https://www.facebook.com/profile.php?id=100066498622246">
+                        <a href={process.env.REACT_APP_FACEBOOK}>
                           <i className="icofont-facebook"></i>
                         </a>
                       </li>
                       <li>
-                        <a href ="https://twitter.com/fluxtra">
+                        <a href ={process.env.REACT_APP_TWITTER}>
                           <i className="icofont-twitter"></i>
                         </a>
                       </li>
@@ -116,12 +116,12 @@ const Main = ({ footer }) => {
                     <h3>Let’s Try Out</h3>
                     <ul className="app_btn">
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
+                        <a href={process.env.REACT_APP_ANDROID_URL}>
                           <img src={blueapp} alt="image" />
                         </a>
                       </li>
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
+                        <a href={process.env.REACT_APP_IOS_URL}>
                           <img src={blue} alt="image" />
                         </a>
                       </li>
@@ -197,15 +197,15 @@ const Main = ({ footer }) => {
                       </li>
                     </ul>
                     <ul className="social_media">
-                      <li>
-                            <a href= "https://www.facebook.com/profile.php?id=100066498622246">
-                              <i className="icofont-facebook"></i>
-                            </a>
+                     <li>
+                          <a href={process.env.REACT_APP_FACEBOOK}>
+                            <i className="icofont-facebook"></i>
+                          </a>
                       </li>
                       <li>
-                            <a href ="https://twitter.com/fluxtra">
-                              <i className="icofont-twitter"></i>
-                            </a>
+                          <a href ={process.env.REACT_APP_TWITTER}>
+                            <i className="icofont-twitter"></i>
+                          </a>
                       </li>
                     </ul>
                   </div>
@@ -253,19 +253,13 @@ const Main = ({ footer }) => {
                     <h3>Let’s Try Out</h3>
                     <ul className="app_btn">
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/appstore_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_ANDROID_URL}>
+                          <img src={blueapp} alt="image" />
                         </a>
                       </li>
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/googleplay_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_IOS_URL}>
+                          <img src={blue} alt="image" />
                         </a>
                       </li>
                     </ul>
@@ -327,14 +321,14 @@ const Main = ({ footer }) => {
                     </ul>
                     <ul className="social_media">
                       <li>
-                            <a href= "https://www.facebook.com/profile.php?id=100066498622246">
-                              <i className="icofont-facebook"></i>
-                            </a>
+                        <a href={process.env.REACT_APP_FACEBOOK}>
+                          <i className="icofont-facebook"></i>
+                        </a>
                       </li>
                       <li>
-                            <a href ="https://twitter.com/fluxtra">
-                              <i className="icofont-twitter"></i>
-                            </a>
+                        <a href ={process.env.REACT_APP_TWITTER}>
+                          <i className="icofont-twitter"></i>
+                        </a>
                       </li>
                     </ul>
                   </div>
@@ -389,20 +383,14 @@ const Main = ({ footer }) => {
                   <div className="try_out">
                     <h3>Let’s Try Out</h3>
                     <ul className="app_btn">
-                      <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/appstore_blue.png"
-                            alt="image"
-                          />
+                     <li>
+                        <a href={process.env.REACT_APP_ANDROID_URL}>
+                          <img src={blueapp} alt="image" />
                         </a>
                       </li>
                       <li>
-                        <a href to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/googleplay_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_IOS_URL}>
+                          <img src={blue} alt="image" />
                         </a>
                       </li>
                     </ul>
@@ -458,14 +446,14 @@ const Main = ({ footer }) => {
                     </ul>
                     <ul className="social_media">
                       <li>
-                            <a href= "https://www.facebook.com/profile.php?id=100066498622246">
-                              <i className="icofont-facebook"></i>
-                            </a>
+                        <a href={process.env.REACT_APP_FACEBOOK}>
+                          <i className="icofont-facebook"></i>
+                        </a>
                       </li>
                       <li>
-                            <a href ="https://twitter.com/fluxtra">
-                              <i className="icofont-twitter"></i>
-                            </a>
+                        <a href ={process.env.REACT_APP_TWITTER}>
+                          <i className="icofont-twitter"></i>
+                        </a>
                       </li>
                     </ul>
                   </div>
@@ -521,19 +509,13 @@ const Main = ({ footer }) => {
                     <h3>Let’s Try Out</h3>
                     <ul className="app_btn">
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/appstore_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_ANDROID_URL}>
+                          <img src={blueapp} alt="image" />
                         </a>
                       </li>
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/googleplay_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_IOS_URL}>
+                          <img src={blue} alt="image" />
                         </a>
                       </li>
                     </ul>
@@ -596,16 +578,16 @@ const Main = ({ footer }) => {
                       </li>
                     </ul>
                     <ul className="social_media">
-                        <li>
-                              <a href= "https://www.facebook.com/profile.php?id=100066498622246">
-                                <i className="icofont-facebook"></i>
-                              </a>
-                        </li>
-                        <li>
-                              <a href ="https://twitter.com/fluxtra">
-                                <i className="icofont-twitter"></i>
-                              </a>
-                        </li>
+                      <li>
+                        <a href={process.env.REACT_APP_FACEBOOK}>
+                          <i className="icofont-facebook"></i>
+                        </a>
+                      </li>
+                      <li>
+                        <a href ={process.env.REACT_APP_TWITTER}>
+                          <i className="icofont-twitter"></i>
+                        </a>
+                      </li>
                     </ul>
                   </div>
                 </div>
@@ -657,20 +639,14 @@ const Main = ({ footer }) => {
                   <div className="try_out">
                     <h3>Let’s Try Out</h3>
                     <ul className="app_btn">
-                      <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/appstore_blue.png"
-                            alt="image"
-                          />
+                     <li>
+                        <a href={process.env.REACT_APP_ANDROID_URL}>
+                          <img src={blueapp} alt="image" />
                         </a>
                       </li>
                       <li>
-                        <a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
-                          <img
-                            src="assets/images/googleplay_blue.png"
-                            alt="image"
-                          />
+                        <a href={process.env.REACT_APP_IOS_URL}>
+                          <img src={blue} alt="image" />
                         </a>
                       </li>
                     </ul>