Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 ChineseChikki
|
09bec5e545 | ||
 tokslaw
|
cf9601b87f | ||
|
VICTOR\anumu
|
56d961acbb | ||
|
dev-chiefworks
|
b591f333fd | ||
|
dev-chiefworks
|
3d4328e59f | ||
|
dev-chiefworks
|
05111a2a25 | ||
|
dev-chiefworks
|
68eeae2913 | ||
|
dev-chiefworks
|
003ce4196d | ||
|
dev-chiefworks
|
bc3b72ff95 | ||
|
tokslaw
|
44ba0ef178 | ||
|
Chukwumdiebube Ojinta
|
faf5bed72f | ||
|
Chukwumdiebube Ojinta
|
f4cdc84043 |
@@ -9,3 +9,5 @@ REACT_APP_FACEBOOK="https://www.facebook.com/profile.php?id=100066498622246"
|
||||
REACT_APP_TWITTER="https://twitter.com/fluxtra"
|
||||
|
||||
REACT_APP_APPSITE="https://myfitapp.mermsemr.com"
|
||||
|
||||
REACT_APP_AUX_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfit"
|
||||
|
||||
@@ -1,11 +1,25 @@
|
||||
import React, { useEffect } from "react";
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
import Bredcrumb from "../Bredcrumb/Main";
|
||||
import BGImg from "../../assets/images/bread_crumb_bg.png";
|
||||
import BGImg1 from "../../assets/images/bread_crumb_bg_one.png";
|
||||
import BGImg2 from "../../assets/images/bread_crumb_bg_two.png";
|
||||
|
||||
import SiteService from "../../vendors/service/siteService";
|
||||
|
||||
const Main = ({ brdcum }) => {
|
||||
let [countries, setCountries] = useState([]) // initial state for country dropdown
|
||||
let countryClass = new SiteService() // instantiating the class
|
||||
|
||||
const allCountry = () => {
|
||||
return countryClass.countryData();
|
||||
}
|
||||
|
||||
//CALLS THE API AFTER COMPONENT LOADS
|
||||
useEffect(()=>{
|
||||
allCountry().then((data)=> setCountries(Object.values(data.data)))
|
||||
},[])
|
||||
|
||||
return (
|
||||
<>
|
||||
{brdcum.b1 && (
|
||||
@@ -86,6 +100,7 @@ const Main = ({ brdcum }) => {
|
||||
<div className="form-group">
|
||||
<select className="form-control">
|
||||
<option value="">Country</option>
|
||||
{countries.length > 0 && countries.map((country, index) => <option key={index} value={country}>{country}</option>)}
|
||||
</select>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
|
||||
@@ -1,117 +1,210 @@
|
||||
import React from 'react'
|
||||
import img1 from '../../../assets/images/secure_data.png'
|
||||
import img2 from '../../../assets/images/functional.png'
|
||||
import img3 from '../../../assets/images/live-chat.png'
|
||||
import img4 from '../../../assets/images/support.png'
|
||||
import img5 from '../../../assets/images/features_frame.png'
|
||||
import React from "react";
|
||||
import img1 from "../../../assets/images/secure_data.png";
|
||||
import img2 from "../../../assets/images/functional.png";
|
||||
import img3 from "../../../assets/images/live-chat.png";
|
||||
import img4 from "../../../assets/images/support.png";
|
||||
import img5 from "../../../assets/images/features_frame.png";
|
||||
|
||||
const Main = ({video}) => {
|
||||
const Main = ({ video }) => {
|
||||
return (
|
||||
<>
|
||||
{video ?
|
||||
<section className="row_am features_section video-features" id="features">
|
||||
<div className="container">
|
||||
<div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<h2><span>Features</span> that makes app different!</h2>
|
||||
<p>myFit has powerful connectivity, fitness, health, and safety features <br/>
|
||||
Also makes provision Fitness tracking,Workout tracking,Heart rate monitoring</p>
|
||||
</div>
|
||||
<div className="feature_detail">
|
||||
<div className="left_data feature_box">
|
||||
<div className="data_block" data-aos="fade-right" data-aos-duration="1500">
|
||||
<div className="icon">
|
||||
<img src="assets/images/secure.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Secure data</h4>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and type setting indus ideas.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="data_block" data-aos="fade-right" data-aos-duration="1500">
|
||||
<div className="icon">
|
||||
<img src="assets/images/abt_functional.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Fully functional</h4>
|
||||
<p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right_data feature_box">
|
||||
<div className="data_block" data-aos="fade-left" data-aos-duration="1500">
|
||||
<div className="icon">
|
||||
<img src="assets/images/communication.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Live chat</h4>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and type setting indus ideas.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="data_block" data-aos="fade-left" data-aos-duration="1500">
|
||||
<div className="icon">
|
||||
<img src="assets/images/abt_support.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>24-7 Support</h4>
|
||||
<p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="feature_img" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<img src="assets/images/features_frame.png" alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
{video ? (
|
||||
<section
|
||||
className="row_am features_section video-features"
|
||||
id="features"
|
||||
>
|
||||
<div className="container">
|
||||
<div
|
||||
className="section_title"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h2>
|
||||
<span>Features</span> that makes app different!
|
||||
</h2>
|
||||
<p>
|
||||
myFit has powerful connectivity, fitness, health, and
|
||||
safety features <br />
|
||||
Also makes provision Fitness tracking,Workout tracking,Heart
|
||||
rate monitoring
|
||||
</p>
|
||||
</div>
|
||||
<div className="feature_detail">
|
||||
<div className="left_data feature_box">
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="icon">
|
||||
<img src="assets/images/secure.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Secure data</h4>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and type
|
||||
setting indus ideas.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="icon">
|
||||
<img src="assets/images/abt_functional.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Fully functional</h4>
|
||||
<p>
|
||||
Simply dummy text of the printing and typesetting indus
|
||||
lorem Ipsum is dummy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right_data feature_box">
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="icon">
|
||||
<img src="assets/images/communication.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Live chat</h4>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and type
|
||||
setting indus ideas.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="icon">
|
||||
<img src="assets/images/abt_support.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>24-7 Support</h4>
|
||||
<p>
|
||||
Simply dummy text of the printing and typesetting indus
|
||||
lorem Ipsum is dummy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="feature_img"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<img src="assets/images/features_frame.png" alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
:
|
||||
) : (
|
||||
<section className="row_am features_section" id="features">
|
||||
<div className="container">
|
||||
<div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<h2><span>Features</span> that makes app different!</h2>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe
|
||||
standard dummy.</p>
|
||||
</div>
|
||||
<div className="feature_detail">
|
||||
<div className="left_data feature_box">
|
||||
<div className="data_block" data-aos="fade-right" data-aos-duration="1500">
|
||||
|
||||
<div className="text">
|
||||
<h4>Health Tips</h4>
|
||||
<p>myFit continuously help you organize both general and the few health questions relevant to you. We can privately help you find answer in our communities to new questions.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="data_block" data-aos="fade-right" data-aos-duration="1500">
|
||||
|
||||
<div className="text">
|
||||
<h4>Health Statistics</h4>
|
||||
<p>Collect your health statistics yourself, weight changes, blood pressure, blood glucose data all helps to ensure that your provider is creating plans that fits you specifically..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right_data feature_box">
|
||||
<div className="data_block" data-aos="fade-left" data-aos-duration="1500">
|
||||
|
||||
<div className="text">
|
||||
<h4>Reminders</h4>
|
||||
<p>Miss no appointment, medication schedule and more with myFit reminders. Allow your provider or simply set up whatever you needed reminding for.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="data_block" data-aos="fade-left" data-aos-duration="1500">
|
||||
|
||||
<div className="text">
|
||||
<h4>Health Plan</h4>
|
||||
<p>Your health plan your way - myFit assist you organizing your prescription, health routines, your providers treatment plans in one place.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="feature_img" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<img src={img5} alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="container">
|
||||
<div
|
||||
className="section_title"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h2>
|
||||
<span>Features</span> that makes app different!
|
||||
</h2>
|
||||
<p>
|
||||
Fitness Integration with your health plan in your pocket
|
||||
bolsters
|
||||
<br /> healthier life by tracking and experiencing life-changing
|
||||
results
|
||||
</p>
|
||||
</div>
|
||||
</section>}
|
||||
<div className="feature_detail">
|
||||
<div className="left_data feature_box">
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="text">
|
||||
<h4>Health Tips</h4>
|
||||
<p>
|
||||
myFit continuously help you organize both general and the
|
||||
few health questions relevant to you. We can privately
|
||||
help you find answer in our communities to new questions.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="text">
|
||||
<h4>Health Statistics</h4>
|
||||
<p>
|
||||
Collect your health statistics yourself, weight changes,
|
||||
blood pressure, blood glucose data all helps to ensure
|
||||
that your provider is creating plans that fits you
|
||||
specifically..
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right_data feature_box">
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="text">
|
||||
<h4>Reminders</h4>
|
||||
<p>
|
||||
Miss no appointment, medication schedule and more with
|
||||
myFit reminders. Allow your provider or simply set up
|
||||
whatever you needed reminding for.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="text">
|
||||
<h4>Health Plan</h4>
|
||||
<p>
|
||||
Your health plan your way - myFit assist you organizing
|
||||
your prescription, health routines, your providers
|
||||
treatment plans in one place.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="feature_img"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<img src={img5} alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
export default Main
|
||||
export default Main;
|
||||
|
||||
@@ -28,8 +28,8 @@ const Main = ({ brdcum }) => {
|
||||
collection, use, purpose, and sharing of personally identifiable
|
||||
information ("PII") related to the use of Merms's myFit website{" "}
|
||||
<span>
|
||||
<a href="https://myfit.mermsemr.com/">
|
||||
https://myfit.mermsemr.com
|
||||
<a href={process.env.REACT_APP_APPSITE}>
|
||||
{process.env.REACT_APP_APPSITE}
|
||||
</a>
|
||||
</span>
|
||||
, MERMS providing of services to our users ("Partners"), or from
|
||||
@@ -53,8 +53,8 @@ const Main = ({ brdcum }) => {
|
||||
govern. Provides its services (described below) to you through
|
||||
its website located at{" "}
|
||||
<span>
|
||||
<a href="https://myfit.mermsemr.com/">
|
||||
https://myfit.mermsemr.com
|
||||
<a href={process.env.REACT_APP_APPSITE}>
|
||||
{process.env.REACT_APP_APPSITE}
|
||||
</a>
|
||||
</span>{" "}
|
||||
(the "Site") and through its mobile applications and related
|
||||
@@ -1363,8 +1363,8 @@ const Main = ({ brdcum }) => {
|
||||
use, purpose, and sharing of personally identifiable information
|
||||
("PII") related to the use of Merms's myFit website{" "}
|
||||
<span>
|
||||
<a href="https://myfit.mermsemr.com/">
|
||||
https://myfit.mermsemr.com
|
||||
<a href={process.env.REACT_APP_APPSITE}>
|
||||
{process.env.REACT_APP_APPSITE}
|
||||
</a>
|
||||
</span>
|
||||
, MERMS providing of services to our users ("Partners"), or from
|
||||
|
||||
Vendored
+70
@@ -0,0 +1,70 @@
|
||||
import React from "react";
|
||||
import Axios from "axios";
|
||||
|
||||
class SiteService {
|
||||
constructor() {
|
||||
console.log("Er are here anyway");
|
||||
}
|
||||
blogData() {
|
||||
return this.getAuxEnd("blogdata", null);
|
||||
}
|
||||
|
||||
countryData() {
|
||||
return this.getAuxEnd("/country", null);
|
||||
}
|
||||
|
||||
faqData() {}
|
||||
|
||||
//---------------------------------------- -----
|
||||
//---------------------------------------- -----
|
||||
// Unified call below
|
||||
//---------------------------------------- -----
|
||||
//---------------------------------------- -----
|
||||
getAuxEnd(uri, reqData) {
|
||||
const endPoint = process.env.REACT_APP_AUX_ENDPOINT + uri;
|
||||
return Axios.get(endPoint)
|
||||
.then((response) => {
|
||||
// console.log(response);
|
||||
// res = response;
|
||||
// console.log("~~~~~~~ Toks2 GET ~~~~~~~~");
|
||||
return response;
|
||||
})
|
||||
.catch((error) => {
|
||||
if (error.response) {
|
||||
//response status is an error code
|
||||
console.log(error.response.status);
|
||||
} else if (error.request) {
|
||||
//response not received though the request was sent
|
||||
console.log(error.request);
|
||||
} else {
|
||||
//an error occurred when setting up the request
|
||||
console.log(error.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
postAuxEnd(uri, reqData) {
|
||||
const endPoint = process.env.REACT_APP_AUX_ENDPOINT + uri;
|
||||
Axios.post(endPoint)
|
||||
.then((response) => {
|
||||
console.log(response);
|
||||
// res = response;
|
||||
console.log("~~~~~~~ Toks2 POST ~~~~~~~~");
|
||||
return response;
|
||||
})
|
||||
.catch((error) => {
|
||||
if (error.response) {
|
||||
//response status is an error code
|
||||
console.log(error.response.status);
|
||||
} else if (error.request) {
|
||||
//response not received though the request was sent
|
||||
console.log(error.request);
|
||||
} else {
|
||||
//an error occurred when setting up the request
|
||||
console.log(error.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export default SiteService;
|
||||
Reference in New Issue
Block a user