{"size": 1217, "ext": "js", "max_stars_repo_path": "frontend/src/components/ConnectWallet.js", "max_stars_repo_name": "chrischakrit/decentreelized", "max_stars_repo_stars_event_min_datetime": "2021-03-12T00:17:00.000Z", "max_stars_repo_stars_event_max_datetime": "2022-01-09T06:29:26.000Z", "max_issues_repo_path": "frontend/src/components/ConnectWallet.js", "max_issues_repo_name": "chrischakrit/decentreelized", "max_issues_repo_issues_event_min_datetime": "2021-03-03T00:42:41.000Z", "max_issues_repo_issues_event_max_datetime": "2021-03-03T00:42:41.000Z", "max_forks_repo_path": "frontend/src/components/ConnectWallet.js", "max_forks_repo_name": "chrischakrit/decentreelized", "max_forks_repo_forks_event_min_datetime": "2021-03-19T17:21:03.000Z", "max_forks_repo_forks_event_max_datetime": "2021-03-21T22:50:14.000Z"}
{"max_stars_count": 6, "max_issues_count": 1, "max_forks_count": 3, "avg_line_length": 26.4565217391, "max_line_length": 73, "alphanum_fraction": 0.5086277732}
import React from "react";

import { NetworkErrorMessage } from "./NetworkErrorMessage";

export function ConnectWallet({ connectWallet, networkError, dismiss }) {
  return (
    <div className="" style={{ 
      backgroundImage: "url(./background.png)",
      backgroundRepeat  : 'no-repeat',
      backgroundSize: 'cover',
      fontFamily: "Bungee"
    }} >

      <div className="row justify-content-md-center">
        <div className="col-12 text-center">
          {/* Metamask network should be set to Localhost:8545. */}
          {networkError && (
            <NetworkErrorMessage 
              message={networkError} 
              dismiss={dismiss} 
            />
          )}
        </div>

        <div className="col-6 p-4 text-center">
          
          <p></p>
          <p>Please connect to your wallet.</p>
          <button
            className="btn btn-success"
            type="button"
            onClick={connectWallet}
          >
            Connect Wallet
          </button> 
          <span> </span>
          <img src="../mm-logo.svg" />
          <hr />
          <img src="../logo_256x256.png" />
          <h2>Decentreelized</h2>
        </div>
      </div>
    </div>
  );
}
