text: import React, { Component } from 'react';
  import { Link } from 'react-router-dom';
  import Axios from 'axios';
  
  class Footer extends Component {
    constructor(props) {
      super(props);
      this.state={
          facebook_link:'',
          twitter_link:'',
          linkedin_link:'',
          youtube_link:'',
          gaming_link:'',
      }
  }
  componentDidMount(){
      Axios.get('/api/websettings').then(res=>{
          this.setState({
              facebook_link:res.data.websettings.facebook_link,
              twitter_link:res.data.websettings.twitter_link,
              linkedin_link:res.data.websettings.linkedin_link,
              youtube_link:res.data.websettings.youtube_link,
              gaming_link:res.data.websettings.gaming_link,
          })
      })
  }
      render() {
          return (
              <div>
                <div className="esport-team-landing-footer">
      <div className="container">
        <div className="row">
          <div className="col-md-3">
            <div className="footer-logo">
              <img src="/images/common/mgl-logo.png" />
              <p>To these in the morning I sent the captain, who was to enter into a parley  with them</p>
              <p>To these in the morning I sent the captain, who was to enter into a parley  with them</p>
            </div>
          </div>
          <div className="col-md-2 col-sm-3"></div>
          <div className="col-md-4 col-sm-6">
            <ul className="footer-list">
              <li><a href="/subscription">Subscription</a></li>
              <li><a href="/term-and-condition">Terms &amp; Condition</a></li>
              <li>Social Media</li>
              <li><a href="/games">Tournament</a></li>
              <li><a href="/privacy">Privacy Policy</a></li>
            </ul>
          </div> 
          <div className="col-md-3 col-sm-6">
            <span className="header">Keep in Touch</span>
            <div className="footer-input">
              <input type="text" name="text" className="bottom-input" placeholder="User Name" /> 
              <input type="text" name="text" className="bottom-input" placeholder="Email Address" /> 
              <a href className="btn-submit"> Submit</a>      
            </div>
          </div>
        </div>
      </div>
    </div>
                  <div className="esport-team-landing-footer-links">
    <div className="container">
      <div className="row">
        <div className="col-md-4 col-sm-6">
          <p>
            Copyright © 2021 MGL All Right Reserved.
          </p>
        </div>
        <div className="col-md-5 ">
        </div>
        <div className="col-md-3 col-sm-6">
          <ul className="socials">
            <li><a href={this.state.facebook_link}><i className="fa fa-facebook" aria-hidden="true" /></a></li>
            <li><a href={this.state.twitter_link}><i className="fa fa-twitter" aria-hidden="true" /></a></li>
            <li><a href={this.state.linkedin_link}><i className="fa fa-linkedin" aria-hidden="true" /></a></li>
            <li><a href={this.state.youtube_link}><i className="fa fa-youtube" aria-hidden="true" /></a></li>
            <li><a href={this.state.gaming_link}><i className="fa fa-reddit-alien" aria-hidden="true" /></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  
              </div>
          );
      }
  }
  
  export default Footer;