diff --git a/client/src/components/GameInfoCardDisplay.js b/client/src/components/GameInfoCardDisplay.js new file mode 100644 index 0000000..29dae92 --- /dev/null +++ b/client/src/components/GameInfoCardDisplay.js @@ -0,0 +1,21 @@ +import React from "react"; +import propTypes from "prop-types"; +import GameInfoCard from "./GameInfoCard"; + +export default class GameInfoCardDisplay extends React.Component { + constructor(props) { + super(props); + + } + render() { + return ( +
+ {this.props.recommendedMatches.map((match) => )} +
+ ); + } +} + +GameInfoCardDisplay.propTypes = { + recommendedMatches: propTypes.array, +}; \ No newline at end of file diff --git a/client/src/models/Match.js b/client/src/models/Match.js index fa4f603..22c2387 100644 --- a/client/src/models/Match.js +++ b/client/src/models/Match.js @@ -1,4 +1,5 @@ export default class Match { + id; minUsers; MaxUsers; registeredUsers; diff --git a/client/src/pages/Welcome.js b/client/src/pages/Welcome.js index 4e8123a..0799de1 100644 --- a/client/src/pages/Welcome.js +++ b/client/src/pages/Welcome.js @@ -14,7 +14,7 @@ export default class Welcome extends React.Component {

Why?

-

Because you want to play the sports you love while meeting new friends and foes!

+

Because you want to play the sports you love while meeting new friends!

{/* TODO: All this text should be expanded on. */}

diff --git a/client/src/styles/extra.css b/client/src/styles/extra.css index f9eb2ad..8aaad9d 100644 --- a/client/src/styles/extra.css +++ b/client/src/styles/extra.css @@ -13,3 +13,7 @@ .jumbotron h1 { font-size: 1.5rem; } + +.horizontal-scroller { + overflow-x: scroll; +}