Fixed profile page not displaying errors

Fixes #323

Author: ThomasK33

.vscode/extensions.json

@@ -2,7 +2,6 @@
 	"recommendations": [
 		"formulahendry.auto-close-tag",
 		"formulahendry.auto-rename-tag",
-		"coenraads.bracket-pair-colorizer",
 		"streetsidesoftware.code-spell-checker",
 		"ms-azuretools.vscode-docker",
 		"mikestead.dotenv",
@@ -21,6 +20,7 @@
 		"gruntfuggly.todo-tree",
 		"geekidos.vdf",
 		"vscode-icons-team.vscode-icons",
-		"visualstudioexptteam.vscodeintellicode"
+		"visualstudioexptteam.vscodeintellicode",
+		"coenraads.bracket-pair-colorizer-2"
 	]
 }

services/backend/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "backend",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "private": true,
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -38,68 +38,68 @@
   },
   "devDependencies": {
     "@graphql-codegen/add": "^2.0.2",
-    "@graphql-codegen/cli": "^1.21.1",
+    "@graphql-codegen/cli": "^1.21.4",
     "@graphql-codegen/time": "^2.0.2",
-    "@graphql-codegen/typescript": "^1.21.0",
-    "@graphql-codegen/typescript-resolvers": "^1.18.2",
-    "@sentry/cli": "^1.63.1",
-    "@sentry/types": "^6.2.1",
-    "@types/chai": "^4.2.15",
-    "@types/chai-as-promised": "^7.1.3",
+    "@graphql-codegen/typescript": "^1.22.0",
+    "@graphql-codegen/typescript-resolvers": "^1.19.1",
+    "@sentry/cli": "^1.64.2",
+    "@sentry/types": "^6.4.1",
+    "@types/chai": "^4.2.18",
+    "@types/chai-as-promised": "^7.1.4",
     "@types/cookie-parser": "^1.4.2",
-    "@types/jsonwebtoken": "^8.5.0",
-    "@types/mocha": "^8.2.1",
-    "@types/node": "^14.14.31",
+    "@types/jsonwebtoken": "^8.5.1",
+    "@types/mocha": "^8.2.2",
+    "@types/node": "^15.6.0",
     "@types/passport": "^1.0.6",
     "@types/passport-oauth2": "^1.4.10",
     "@types/passport-steam": "^1.0.1",
     "@types/swagger-ui-express": "^4.1.2",
-    "@typescript-eslint/eslint-plugin": "^4.16.1",
-    "@typescript-eslint/parser": "^4.16.1",
-    "chai": "^4.3.3",
+    "@typescript-eslint/eslint-plugin": "^4.24.0",
+    "@typescript-eslint/parser": "^4.24.0",
+    "chai": "^4.3.4",
     "chai-as-promised": "^7.1.1",
-    "cpx": "^1.5.0",
-    "eslint": "^7.21.0",
+    "cpx": "^1.2.1",
+    "eslint": "^7.27.0",
     "eslint-config-google": "^0.14.0",
     "gts": "^3.1.0",
     "nodemon": "^2.0.7",
     "npm-run-all": "^4.1.5",
     "nyc": "^15.1.0",
-    "opn-cli": "^5.0.0",
+    "opn-cli": "^3.1.0",
     "rimraf": "^3.0.2",
-    "sync-dotenv": "^2.6.2",
-    "ts-node": "^9.1.1",
-    "typescript": "^4.2.3"
+    "sync-dotenv": "^1.0.0",
+    "ts-node": "^10.0.0",
+    "typescript": "^4.2.4"
   },
   "dependencies": {
-    "@sentry/node": "^6.2.1",
+    "@sentry/node": "^6.4.1",
     "apollo-metrics": "^1.0.1",
-    "apollo-server-express": "^2.21.0",
-    "apollo-server-plugin-base": "^0.10.4",
+    "apollo-server-express": "^2.24.1",
+    "apollo-server-plugin-base": "^0.12.0",
     "body-parser": "^1.19.0",
     "cookie-parser": "^1.4.5",
     "cross-env": "^7.0.3",
-    "dotenv": "^8.2.0",
+    "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "express": "^4.17.1",
     "graphql": "^15.5.0",
-    "graphql-redis-subscriptions": "^2.3.1",
+    "graphql-redis-subscriptions": "^2.4.0",
     "graphql-subscriptions": "^1.2.1",
-    "graphql-tools": "^7.0.4",
-    "inversify": "^5.0.5",
+    "graphql-tools": "^7.0.5",
+    "inversify": "^5.1.1",
     "jsonwebtoken": "^8.5.1",
     "kafkajs": "^1.15.0",
     "node-fetch": "^2.6.1",
     "passport": "^0.4.1",
     "passport-oauth2": "^1.5.0",
     "passport-steam": "^1.0.15",
-    "pg": "^8.5.1",
+    "pg": "^8.6.0",
     "prom-client": "^13.1.0",
     "reflect-metadata": "^0.1.13",
     "sofa-api": "^0.10.2",
     "swagger-ui-express": "^4.1.6",
     "tsconfig-paths": "^3.9.0",
-    "typeorm": "^0.2.31",
+    "typeorm": "^0.2.32",
     "winston": "^3.3.3"
   }
 }

services/backend/package.json

@@ -199,7 +199,7 @@ export class UserModule implements GQLModule {
 
 					const { limit, offset } = getQueryParams(args);
 
-					const matchSlotRepo = await postgres.getMatchSlotRepo();
+					const matchSlotRepo = postgres.getMatchSlotRepo();
 					const [slots, count] = await matchSlotRepo.findAndCount({
 						where: { user: { steamid: parent.steamid } },
 						take: limit,

services/backend/src/graphql/modules/user.ts

@@ -123,7 +123,7 @@ export const MmrHistory: FunctionComponent<{
 		<div>
 			<div
 				className="tabs"
-				style={{ marginLeft: "-2rem", marginTop: "-2rem" }}
+				style={{ marginLeft: "-2rem", marginTop: "-1.5rem" }}
 			>
 				<ul>
 					<li

services/frontend/components/profile/mmrHistory.tsx

@@ -35,7 +35,7 @@ export const RecentMatchesTable: FunctionComponent<{
 	// --- Data fetching ---
 	const { data, loading, error, previousData } = useProfileMatchQuery({
 		variables: { steamid, limit, offset },
-		errorPolicy: "all",
+		errorPolicy: "none",
 	});
 
 	const { profile } = data ?? previousData ?? {};