{"size": 1140, "ext": "js", "max_stars_repo_path": "src/containers/LoginContainer.js", "max_stars_repo_name": "note-to-self/note-to-self", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/containers/LoginContainer.js", "max_issues_repo_name": "note-to-self/note-to-self", "max_issues_repo_issues_event_min_datetime": "2020-09-04T18:02:34.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-12T07:50:19.000Z", "max_forks_repo_path": "src/containers/LoginContainer.js", "max_forks_repo_name": "note-to-self/note-to-self", "max_forks_repo_forks_event_min_datetime": "2019-03-30T20:40:09.000Z", "max_forks_repo_forks_event_max_datetime": "2019-05-23T20:15:18.000Z"}
{"max_stars_count": null, "max_issues_count": 6, "max_forks_count": 2, "avg_line_length": 18.0952380952, "max_line_length": 97, "alphanum_fraction": 0.6289473684}
import React from 'react';
import { connect } from 'react-redux';
import { login } from '../services/auth';
import lotus from '../../assets/images/lotus.png';
import styles from 'styled-components';
import {
  Link
} from 'react-router-dom';

const Lotus = styles.img`
@media (min-width: 375px) {
  display: block;
  margin-left: auto;
  margin-right: auto
  position: fixed;
  top: 35%;
  left: 22%;
}
@media (min-width: 700px) {
  display: block;
  margin-left: auto;
  margin-right: auto
  position: fixed;
  top: 30%;
  left: 42%;
}
@media (min-width: 1400px) {
  display: block;
  margin-left: auto;
  margin-right: auto
  position: fixed;
  top: 30%;
  left: 42%;
}
@media (min-width: 2000px) {
  display: block;
  margin-left: auto;
  margin-right: auto
  position: fixed;
  height: 30%;
  width: 15%;
  top: 30%;
  left: 45%;
}
`;

export class LoginContainer extends React.PureComponent {

  componentDidMount() {
    login();
  }

  render() {
    return (
      <>
        <Lotus src={lotus} alt="lotus icon picture in blue background"/><Link to='/auth'> </Link>
      </>
    );
  }
}

export default connect()(LoginContainer);
