Group Stats: {this.state.groupName}
+
diff --git a/src/LoggedInHome.js b/src/LoggedInHome.js
index 8a3cba2..891c82b 100644
--- a/src/LoggedInHome.js
+++ b/src/LoggedInHome.js
@@ -384,7 +384,7 @@ export default withRouter(class LoggedInHome extends React.Component {
Groups
{
- this.state.userSets && this.state.userSets.length > 0 &&
+ (!this.props.page.loaded() || (this.state.userSets && this.state.userSets.length > 0)) &&
@@ -531,7 +532,49 @@ export default withRouter(class LoggedInHome extends React.Component {
+ )}
+ {this.state.publicSets && this.state.publicSets.length > 0 &&
+
- {data.sets.map(set =>
+ {data.sets
+ .sort((a, b) => {
+ if (a.data().title < b.data().title) {
+ return -1;
+ }
+ if (a.data().title > b.data().title) {
+ return 1;
+ }
+ return 0;
+ })
+ .map(set =>
+
+
+
+
+ )
+ }
+
+
+
- )}
- {this.state.publicSets && this.state.publicSets.length > 0 &&
-
+
+ {this.state.publicSets
+ .sort((a, b) => {
+ if (a.data().title < b.data().title) {
+ return -1;
+ }
+ if (a.data().title > b.data().title) {
+ return 1;
+ }
+ return 0;
+ }).map(set =>
- )}
-
-
-
-
}
diff --git a/src/css/App.css b/src/css/App.css
index 5aa9a26..f7f56fe 100644
--- a/src/css/App.css
+++ b/src/css/App.css
@@ -5,6 +5,7 @@ html {
--text-color-tinted: #cccccc;
--background-color: #111111;
--background-color-dark: #000000;
+ --background-color-light: #222222;
--overlay-color: #333333;
height: 100%;
diff --git a/src/css/MistakesHistory.css b/src/css/MistakesHistory.css
index 0ab23f7..c8f0504 100644
--- a/src/css/MistakesHistory.css
+++ b/src/css/MistakesHistory.css
@@ -24,4 +24,8 @@
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
+}
+
+.set-select-container {
+ margin-bottom: 8px;
}
\ No newline at end of file
-
- {this.state.publicSets.map(set =>
-
-
-
- )}
+ )
+ }