<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import { Route, Link, Switch } from 'react-router-dom';
import { MEMBERS } from 'actions/members';
import Login from 'containers/general/Login';
import Status from 'containers/general/Status';
import MembershipList from 'pages/MembershipList';
import ControlledLinkButton from 'containers/general/ControlledLinkButton';
import CreateButton from 'containers/general/CreateButton';
import { addMembershipModal } from 'actions/modal';
import AddMembershipModal from 'containers/scoreboard/AddMembershipModal';
import ViewMembershipsModal from 'containers/scoreboard/ViewMembershipModal';
import ApproveMemberships from 'components/scoreboard/ApproveMemberships';
import 'scss/page.scss';

const Scoreboard = ({ location }) => (
  <div className="container page">
    <div className="row">
      <div className="col-12">
        <Link to="/scoreboard" className="title-link">
          <h1 className="pull-left">Scoreboard</h1>
        </Link>
        <div className="btn-group pull-right" style={{ marginTop: '5px' }} role="group" aria-label="Basic example">
          <ControlledLinkButton primary path={location.pathname} className="btn btn-secondary" to="/scoreboard/approval">
            Approve Membership
          </ControlledLinkButton>
          <CreateButton action={addMembershipModal} className="btn btn-secondary">
            Add Membership
          </CreateButton>
          <Login className="btn btn-sse" />
        </div>
      </div>
    </div>
    <div className="row">
      <div className="col-12">
        <Status type={[MEMBERS]} message spinner />
      </div>
    </div>
    <div className="row">
      <div className="col-12 text-center">
        <h4>High Score</h4>
      </div>
    </div>
    <div className="row">
      <Switch>
        <Route path="/scoreboard" exact component={MembershipList} />
        <Route path="/scoreboard/approval" component={ApproveMemberships} />
      </Switch>
    </div>
    <AddMembershipModal />
    <ViewMembershipsModal />
  </div>
);

Scoreboard.propTypes = {
  location: PropTypes.shape({
    pathname: PropTypes.string,
  }).isRequired,
};

export default Scoreboard;
<commit_msg>move spinner down a row fixing #68<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import { Route, Link, Switch } from 'react-router-dom';
import { MEMBERS } from 'actions/members';
import Login from 'containers/general/Login';
import Status from 'containers/general/Status';
import MembershipList from 'pages/MembershipList';
import ControlledLinkButton from 'containers/general/ControlledLinkButton';
import CreateButton from 'containers/general/CreateButton';
import { addMembershipModal } from 'actions/modal';
import AddMembershipModal from 'containers/scoreboard/AddMembershipModal';
import ViewMembershipsModal from 'containers/scoreboard/ViewMembershipModal';
import ApproveMemberships from 'components/scoreboard/ApproveMemberships';
import 'scss/page.scss';

const Scoreboard = ({ location }) => (
  <div className="container page">
    <div className="row">
      <div className="col-12">
        <Link to="/scoreboard" className="title-link">
          <h1 className="pull-left">Scoreboard</h1>
        </Link>
        <div className="btn-group pull-right" style={{ marginTop: '5px' }} role="group" aria-label="Basic example">
          <ControlledLinkButton primary path={location.pathname} className="btn btn-secondary" to="/scoreboard/approval">
            Approve Membership
          </ControlledLinkButton>
          <CreateButton action={addMembershipModal} className="btn btn-secondary">
            Add Membership
          </CreateButton>
          <Login className="btn btn-sse" />
        </div>
      </div>
    </div>
    <div className="row">
      <div className="col-12">
        <Status type={[MEMBERS]} message />
      </div>
    </div>
    <div className="row">
      <div className="col-12 text-center">
        <h4>High Score</h4>
      </div>
    </div>
    <div className="row">
      <Switch>
        <Route path="/scoreboard" exact component={MembershipList} />
        <Route path="/scoreboard/approval" component={ApproveMemberships} />
      </Switch>
    </div>
    <div className="row">
      <div className="col-12">
        <Status type={[MEMBERS]} spinner />
      </div>
    </div>
    <AddMembershipModal />
    <ViewMembershipsModal />
  </div>
);

Scoreboard.propTypes = {
  location: PropTypes.shape({
    pathname: PropTypes.string,
  }).isRequired,
};

export default Scoreboard;

{'fraction_non_alphanumeric': 0.13600697471665213, 'fraction_numerical': 0.005666957279860506, 'mean_word_length': 3.5078585461689586, 'pattern_counts': {'":': 0, '<': 80, '<?xml version=': 0, '>': 82, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6930135', 'n_tokens_mistral': 1317, 'n_tokens_neox': 1306, 'n_words': 306}