updated to official apollo-hooks solution

2026-10-01 15:48:23 -05:00 · 2019-08-09 18:45:26 +03:00
parent 54a34a88e2
commit 572480427e
34 changed files with 148 additions and 253 deletions
--- a/build/asset-manifest.json
+++ b/build/asset-manifest.json
@@ -1,13 +1,13 @@
 {
  "files": {
-    "main.js": "/static/js/main.96b0fe8c.chunk.js",
-    "main.js.map": "/static/js/main.96b0fe8c.chunk.js.map",
+    "main.js": "/static/js/main.58ed97c9.chunk.js",
+    "main.js.map": "/static/js/main.58ed97c9.chunk.js.map",
    "runtime~main.js": "/static/js/runtime~main.a8a9905a.js",
    "runtime~main.js.map": "/static/js/runtime~main.a8a9905a.js.map",
-    "static/js/2.927d0046.chunk.js": "/static/js/2.927d0046.chunk.js",
-    "static/js/2.927d0046.chunk.js.map": "/static/js/2.927d0046.chunk.js.map",
+    "static/js/2.e948aa1f.chunk.js": "/static/js/2.e948aa1f.chunk.js",
+    "static/js/2.e948aa1f.chunk.js.map": "/static/js/2.e948aa1f.chunk.js.map",
    "index.html": "/index.html",
-    "precache-manifest.fdbbacc9c69b520be3c6cd828a7fe28f.js": "/precache-manifest.fdbbacc9c69b520be3c6cd828a7fe28f.js",
+    "precache-manifest.c62bf0adf24789ecf844e70109497cdb.js": "/precache-manifest.c62bf0adf24789ecf844e70109497cdb.js",
    "service-worker.js": "/service-worker.js",
    "static/media/academy-sz.png": "/static/media/academy-sz.d3862485.png",
    "static/media/ancho-v_games.png": "/static/media/ancho-v_games.07d5d0f6.png",
@@ -42,7 +42,6 @@
    "static/media/museum.png": "/static/media/museum.176394c2.png",
    "static/media/musselforge_fitness.png": "/static/media/musselforge_fitness.a66323de.png",
    "static/media/new_albacore_hotel.png": "/static/media/new_albacore_hotel.0c283c87.png",
-    "static/media/nice.mp3": "/static/media/nice.c65e99e0.mp3",
    "static/media/pavilion-sz.png": "/static/media/pavilion-sz.61cf30c5.png",
    "static/media/piranha_pit.png": "/static/media/piranha_pit.48621b6f.png",
    "static/media/pit-rm.png": "/static/media/pit-rm.19f5e757.png",
@@ -53,7 +52,6 @@
    "static/media/ranked.png": "/static/media/ranked.415f6ad8.png",
    "static/media/reef-sz.png": "/static/media/reef-sz.ff3eacf5.png",
    "static/media/regular.png": "/static/media/regular.4848edcb.png",
-    "static/media/reroll.mp3": "/static/media/reroll.7fd6d0f6.mp3",
    "static/media/rig.png": "/static/media/rig.87b5e71c.png",
    "static/media/rm.png": "/static/media/rm.ee623ae2.png",
    "static/media/shellendorf_institute.png": "/static/media/shellendorf_institute.d6669767.png",
--- a/build/index.html
+++ b/build/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><title>sendou.ink</title></head><body style="background-color:#f2f7fd"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={1:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script><script src="/static/js/2.927d0046.chunk.js"></script><script src="/static/js/main.96b0fe8c.chunk.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><title>sendou.ink</title></head><body style="background-color:#f2f7fd"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={1:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script><script src="/static/js/2.e948aa1f.chunk.js"></script><script src="/static/js/main.58ed97c9.chunk.js"></script></body></html>
--- a/build/precache-manifest.c62bf0adf24789ecf844e70109497cdb.js
+++ b/build/precache-manifest.c62bf0adf24789ecf844e70109497cdb.js
@@ -1,15 +1,15 @@
 self.__precacheManifest = (self.__precacheManifest || []).concat([
  {
-    "revision": "ccfe360e0d1fdc25d6116a3c449e4ab3",
+    "revision": "5ce04a7bdd0af90aa416544342d3a3ec",
    "url": "/index.html"
  },
  {
-    "revision": "7b6e8a4f2f8f21c5ae31",
-    "url": "/static/js/2.927d0046.chunk.js"
+    "revision": "ab7669c82048b46c112d",
+    "url": "/static/js/2.e948aa1f.chunk.js"
  },
  {
-    "revision": "d5c51826364fb7884e8c",
-    "url": "/static/js/main.96b0fe8c.chunk.js"
+    "revision": "1663a2d3619940adcba5",
+    "url": "/static/js/main.58ed97c9.chunk.js"
  },
  {
    "revision": "42ac5946195a7306e2a5",
@@ -147,10 +147,6 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
    "revision": "0c283c87ddd2cc2841ca1dc4eee60942",
    "url": "/static/media/new_albacore_hotel.0c283c87.png"
  },
-  {
-    "revision": "c65e99e0281e1a9bfc5399e00d13ad89",
-    "url": "/static/media/nice.c65e99e0.mp3"
-  },
  {
    "revision": "61cf30c52741512e56540947e75c3b11",
    "url": "/static/media/pavilion-sz.61cf30c5.png"
@@ -191,10 +187,6 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
    "revision": "4848edcb5eba727112fc12301e9bf5cd",
    "url": "/static/media/regular.4848edcb.png"
  },
-  {
-    "revision": "7fd6d0f68f91525e25ab79c2443ae63e",
-    "url": "/static/media/reroll.7fd6d0f6.mp3"
-  },
  {
    "revision": "87b5e71c29a70bc15a501002b4192517",
    "url": "/static/media/rig.87b5e71c.png"
--- a/build/service-worker.js
+++ b/build/service-worker.js
@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.0/workbox-sw.js");

 importScripts(
-  "/precache-manifest.fdbbacc9c69b520be3c6cd828a7fe28f.js"
+  "/precache-manifest.c62bf0adf24789ecf844e70109497cdb.js"
 );

 self.addEventListener('message', (event) => {
--- a/build/static/js/2.927d0046.chunk.js
+++ b/build/static/js/2.927d0046.chunk.js
--- a/build/static/js/2.e948aa1f.chunk.js
+++ b/build/static/js/2.e948aa1f.chunk.js
--- a/build/static/js/2.e948aa1f.chunk.js.map
+++ b/build/static/js/2.e948aa1f.chunk.js.map
--- a/build/static/js/main.58ed97c9.chunk.js
+++ b/build/static/js/main.58ed97c9.chunk.js
--- a/build/static/js/main.58ed97c9.chunk.js.map
+++ b/build/static/js/main.58ed97c9.chunk.js.map
--- a/build/static/js/main.96b0fe8c.chunk.js
+++ b/build/static/js/main.96b0fe8c.chunk.js
--- a/build/static/js/main.96b0fe8c.chunk.js.map
+++ b/build/static/js/main.96b0fe8c.chunk.js.map
--- a/build/static/media/nice.c65e99e0.mp3
+++ b/build/static/media/nice.c65e99e0.mp3
--- a/build/static/media/reroll.7fd6d0f6.mp3
+++ b/build/static/media/reroll.7fd6d0f6.mp3
--- a/react-ui/package-lock.json
+++ b/react-ui/package-lock.json
@@ -4,6 +4,40 @@
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
+    "@apollo/react-common": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@apollo/react-common/-/react-common-3.0.0.tgz",
+      "integrity": "sha512-EqHASkcmxipy2hU8rja+lD1S1HoTdodKKyJZZ3dgewnAHXnzXnnC3rw1+lkrgXPFsI2n2d2N2LYisD79OCdPmw==",
+      "requires": {
+        "ts-invariant": "^0.4.4",
+        "tslib": "^1.10.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.10.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
+          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+        }
+      }
+    },
+    "@apollo/react-hooks": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@apollo/react-hooks/-/react-hooks-3.0.0.tgz",
+      "integrity": "sha512-7kaV6rkx2WZjDYcBmp52oyhTxbNn5Jc4AUmsXZVEnDu9uuvNYURA8bLlJNF8yu4zS7ed8D+ZebC0y0bhrz8wIg==",
+      "requires": {
+        "@apollo/react-common": "^3.0.0",
+        "@wry/equality": "^0.1.9",
+        "ts-invariant": "^0.4.4",
+        "tslib": "^1.10.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.10.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
+          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+        }
+      }
+    },
    "@babel/code-frame": {
      "version": "7.0.0",
      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0.tgz",
@@ -1531,6 +1565,15 @@
        "@xtuc/long": "4.2.2"
      }
    },
+    "@wry/context": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@wry/context/-/context-0.4.4.tgz",
+      "integrity": "sha512-LrKVLove/zw6h2Md/KZyWxIkFM6AoyKp71OqpH9Hiip1csjPVoD3tPxlbQUNxEnHENks3UGgNpSBCAfq9KWuag==",
+      "requires": {
+        "@types/node": ">=6",
+        "tslib": "^1.9.3"
+      }
+    },
    "@wry/equality": {
      "version": "0.1.9",
      "resolved": "https://registry.npmjs.org/@wry/equality/-/equality-0.1.9.tgz",
@@ -1661,86 +1704,55 @@
      }
    },
    "apollo-boost": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/apollo-boost/-/apollo-boost-0.3.1.tgz",
-      "integrity": "sha512-VdXcTMxLBeNvANW/FtiarEkrRr/cepYKG6wTAURdy8CS33WYpEHtIg9S8tAjxwVzIECpE4lWyDKyPLoESJ072Q==",
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/apollo-boost/-/apollo-boost-0.4.3.tgz",
+      "integrity": "sha512-XE7hx4aXRnyZ4OGM8I7DjYq9SYLYWrVBoYpEFsv0GBtfIl6tipyks2Yo2/TEWKw7mhGmi1eFB2F3pbhIZbzKuQ==",
      "requires": {
-        "apollo-cache": "^1.2.1",
-        "apollo-cache-inmemory": "^1.5.1",
-        "apollo-client": "^2.5.1",
+        "apollo-cache": "^1.3.2",
+        "apollo-cache-inmemory": "^1.6.2",
+        "apollo-client": "^2.6.3",
        "apollo-link": "^1.0.6",
        "apollo-link-error": "^1.0.3",
        "apollo-link-http": "^1.3.1",
        "graphql-tag": "^2.4.2",
-        "ts-invariant": "^0.2.1",
+        "ts-invariant": "^0.4.0",
        "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "ts-invariant": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.2.1.tgz",
-          "integrity": "sha512-Z/JSxzVmhTo50I+LKagEISFJW3pvPCqsMWLamCTX8Kr3N5aMrnGOqcflbe5hLUzwjvgPfnLzQtHZv0yWQ+FIHg==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        }
      }
    },
    "apollo-cache": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/apollo-cache/-/apollo-cache-1.2.1.tgz",
-      "integrity": "sha512-nzFmep/oKlbzUuDyz6fS6aYhRmfpcHWqNkkA9Bbxwk18RD6LXC4eZkuE0gXRX0IibVBHNjYVK+Szi0Yied4SpQ==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/apollo-cache/-/apollo-cache-1.3.2.tgz",
+      "integrity": "sha512-+KA685AV5ETEJfjZuviRTEImGA11uNBp/MJGnaCvkgr+BYRrGLruVKBv6WvyFod27WEB2sp7SsG8cNBKANhGLg==",
      "requires": {
-        "apollo-utilities": "^1.2.1",
+        "apollo-utilities": "^1.3.2",
        "tslib": "^1.9.3"
      }
    },
    "apollo-cache-inmemory": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/apollo-cache-inmemory/-/apollo-cache-inmemory-1.5.1.tgz",
-      "integrity": "sha512-D3bdpPmWfaKQkWy8lfwUg+K8OBITo3sx0BHLs1B/9vIdOIZ7JNCKq3EUcAgAfInomJUdN0QG1yOfi8M8hxkN1g==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/apollo-cache-inmemory/-/apollo-cache-inmemory-1.6.2.tgz",
+      "integrity": "sha512-AyCl3PGFv5Qv1w4N9vlg63GBPHXgMCekZy5mhlS042ji0GW84uTySX+r3F61ZX3+KM1vA4m9hQyctrEGiv5XjQ==",
      "requires": {
-        "apollo-cache": "^1.2.1",
-        "apollo-utilities": "^1.2.1",
-        "optimism": "^0.6.9",
-        "ts-invariant": "^0.2.1",
+        "apollo-cache": "^1.3.2",
+        "apollo-utilities": "^1.3.2",
+        "optimism": "^0.9.0",
+        "ts-invariant": "^0.4.0",
        "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "ts-invariant": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.2.1.tgz",
-          "integrity": "sha512-Z/JSxzVmhTo50I+LKagEISFJW3pvPCqsMWLamCTX8Kr3N5aMrnGOqcflbe5hLUzwjvgPfnLzQtHZv0yWQ+FIHg==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        }
      }
    },
    "apollo-client": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/apollo-client/-/apollo-client-2.5.1.tgz",
-      "integrity": "sha512-MNcQKiqLHdGmNJ0rZ0NXaHrToXapJgS/5kPk0FygXt+/FmDCdzqcujI7OPxEC6e9Yw5S/8dIvOXcRNuOMElHkA==",
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/apollo-client/-/apollo-client-2.6.3.tgz",
+      "integrity": "sha512-DS8pmF5CGiiJ658dG+mDn8pmCMMQIljKJSTeMNHnFuDLV0uAPZoeaAwVFiAmB408Ujqt92oIZ/8yJJAwSIhd4A==",
      "requires": {
        "@types/zen-observable": "^0.8.0",
-        "apollo-cache": "1.2.1",
+        "apollo-cache": "1.3.2",
        "apollo-link": "^1.0.0",
-        "apollo-link-dedup": "^1.0.0",
-        "apollo-utilities": "1.2.1",
+        "apollo-utilities": "1.3.2",
        "symbol-observable": "^1.0.2",
-        "ts-invariant": "^0.2.1",
+        "ts-invariant": "^0.4.0",
        "tslib": "^1.9.3",
        "zen-observable": "^0.8.0"
-      },
-      "dependencies": {
-        "ts-invariant": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.2.1.tgz",
-          "integrity": "sha512-Z/JSxzVmhTo50I+LKagEISFJW3pvPCqsMWLamCTX8Kr3N5aMrnGOqcflbe5hLUzwjvgPfnLzQtHZv0yWQ+FIHg==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        }
      }
    },
    "apollo-link": {
@@ -1776,73 +1788,45 @@
        "tslib": "^1.9.3"
      }
    },
-    "apollo-link-dedup": {
-      "version": "1.0.18",
-      "resolved": "https://registry.npmjs.org/apollo-link-dedup/-/apollo-link-dedup-1.0.18.tgz",
-      "integrity": "sha512-1rr54wyMTuqUmbWvcXbwduIcaCDcuIgU6MqQ599nAMuTrbSOXthGfoAD8BDTxBGQ9roVlM7ABP0VZVEWRoHWSg==",
-      "requires": {
-        "apollo-link": "^1.2.11",
-        "tslib": "^1.9.3"
-      }
-    },
    "apollo-link-error": {
-      "version": "1.1.10",
-      "resolved": "https://registry.npmjs.org/apollo-link-error/-/apollo-link-error-1.1.10.tgz",
-      "integrity": "sha512-itG5UV7mQqaalmRkuRsF0cUS4zW2ja8XCbxkMZnIEeN24X3yoJi5hpJeAaEkXf0KgYNsR0+rmtCQNruWyxDnZQ==",
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/apollo-link-error/-/apollo-link-error-1.1.11.tgz",
+      "integrity": "sha512-442DNqn3CNRikDaenMMkoDmCRmkoUx/XyUMlRTZBEFdTw3FYPQLsmDO3hzzC4doY5/BHcn9/jdYh9EeLx4HPsA==",
      "requires": {
-        "apollo-link": "^1.2.11",
-        "apollo-link-http-common": "^0.2.13",
+        "apollo-link": "^1.2.12",
+        "apollo-link-http-common": "^0.2.14",
        "tslib": "^1.9.3"
      }
    },
    "apollo-link-http": {
-      "version": "1.5.14",
-      "resolved": "https://registry.npmjs.org/apollo-link-http/-/apollo-link-http-1.5.14.tgz",
-      "integrity": "sha512-XEoPXmGpxFG3wioovgAlPXIarWaW4oWzt8YzjTYZ87R4R7d1A3wKR/KcvkdMV1m5G7YSAHcNkDLe/8hF2nH6cg==",
+      "version": "1.5.15",
+      "resolved": "https://registry.npmjs.org/apollo-link-http/-/apollo-link-http-1.5.15.tgz",
+      "integrity": "sha512-epZFhCKDjD7+oNTVK3P39pqWGn4LEhShAoA1Q9e2tDrBjItNfviiE33RmcLcCURDYyW5JA6SMgdODNI4Is8tvQ==",
      "requires": {
-        "apollo-link": "^1.2.11",
-        "apollo-link-http-common": "^0.2.13",
+        "apollo-link": "^1.2.12",
+        "apollo-link-http-common": "^0.2.14",
        "tslib": "^1.9.3"
      }
    },
    "apollo-link-http-common": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/apollo-link-http-common/-/apollo-link-http-common-0.2.13.tgz",
-      "integrity": "sha512-Uyg1ECQpTTA691Fwx5e6Rc/6CPSu4TB4pQRTGIpwZ4l5JDOQ+812Wvi/e3IInmzOZpwx5YrrOfXrtN8BrsDXoA==",
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/apollo-link-http-common/-/apollo-link-http-common-0.2.14.tgz",
+      "integrity": "sha512-v6mRU1oN6XuX8beVIRB6OpF4q1ULhSnmy7ScnHnuo1qV6GaFmDcbdvXqxIkAV1Q8SQCo2lsv4HeqJOWhFfApOg==",
      "requires": {
-        "apollo-link": "^1.2.11",
-        "ts-invariant": "^0.3.2",
+        "apollo-link": "^1.2.12",
+        "ts-invariant": "^0.4.0",
        "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "ts-invariant": {
-          "version": "0.3.3",
-          "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.3.3.tgz",
-          "integrity": "sha512-UReOKsrJFGC9tUblgSRWo+BsVNbEd77Cl6WiV/XpMlkifXwNIJbknViCucHvVZkXSC/mcWeRnIGdY7uprcwvdQ==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        }
      }
    },
    "apollo-utilities": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/apollo-utilities/-/apollo-utilities-1.2.1.tgz",
-      "integrity": "sha512-Zv8Udp9XTSFiN8oyXOjf6PMHepD4yxxReLsl6dPUy5Ths7jti3nmlBzZUOxuTWRwZn0MoclqL7RQ5UEJN8MAxg==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/apollo-utilities/-/apollo-utilities-1.3.2.tgz",
+      "integrity": "sha512-JWNHj8XChz7S4OZghV6yc9FNnzEXj285QYp/nLNh943iObycI5GTDO3NGR9Dth12LRrSFMeDOConPfPln+WGfg==",
      "requires": {
+        "@wry/equality": "^0.1.2",
        "fast-json-stable-stringify": "^2.0.0",
-        "ts-invariant": "^0.2.1",
+        "ts-invariant": "^0.4.0",
        "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "ts-invariant": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.2.1.tgz",
-          "integrity": "sha512-Z/JSxzVmhTo50I+LKagEISFJW3pvPCqsMWLamCTX8Kr3N5aMrnGOqcflbe5hLUzwjvgPfnLzQtHZv0yWQ+FIHg==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        }
      }
    },
    "append-transform": {
@@ -6231,11 +6215,6 @@
      "resolved": "https://registry.npmjs.org/immer/-/immer-1.10.0.tgz",
      "integrity": "sha512-O3sR1/opvCDGLEVcvrGTMtLac8GJ5IwZC4puPrLuRj3l7ICKvkmA0vGuU9OW8mV9WIBRnaxp5GJh9IEAaNOoYg=="
    },
-    "immutable-tuple": {
-      "version": "0.4.10",
-      "resolved": "https://registry.npmjs.org/immutable-tuple/-/immutable-tuple-0.4.10.tgz",
-      "integrity": "sha512-45jheDbc3Kr5Cw8EtDD+4woGRUV0utIrJBZT8XH0TPZRfm8tzT0/sLGGzyyCCFqFMG5Pv5Igf3WY/arn6+8V9Q=="
-    },
    "import-cwd": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
@@ -7130,7 +7109,6 @@
            "minimatch": {
              "version": "3.0.4",
              "bundled": true,
-              "optional": true,
              "requires": {
                "brace-expansion": "^1.1.7"
              }
@@ -8043,11 +8021,6 @@
      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
    },
-    "lodash.isequal": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
-      "integrity": "sha1-QVxEePK8wwEgwizhDtMib30+GOA="
-    },
    "lodash.memoize": {
      "version": "4.1.2",
      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
@@ -8824,11 +8797,11 @@
      }
    },
    "optimism": {
-      "version": "0.6.9",
-      "resolved": "https://registry.npmjs.org/optimism/-/optimism-0.6.9.tgz",
-      "integrity": "sha512-xoQm2lvXbCA9Kd7SCx6y713Y7sZ6fUc5R6VYpoL5M6svKJbTuvtNopexK8sO8K4s0EOUYHuPN2+yAEsNyRggkQ==",
+      "version": "0.9.6",
+      "resolved": "https://registry.npmjs.org/optimism/-/optimism-0.9.6.tgz",
+      "integrity": "sha512-bWr/ZP32UgFCQAoSkz33XctHwpq2via2sBvGvO5JIlrU8gaiM0LvoKj3QMle9LWdSKlzKik8XGSerzsdfYLNxA==",
      "requires": {
-        "immutable-tuple": "^0.4.9"
+        "@wry/context": "^0.4.0"
      }
    },
    "optimist": {
@@ -10302,49 +10275,13 @@
      }
    },
    "react": {
-      "version": "16.8.6",
-      "resolved": "https://registry.npmjs.org/react/-/react-16.8.6.tgz",
-      "integrity": "sha512-pC0uMkhLaHm11ZSJULfOBqV4tIZkx87ZLvbbQYunNixAAvjnC+snJCg0XQXn9VIsttVsbZP/H/ewzgsd5fxKXw==",
+      "version": "16.9.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.9.0.tgz",
+      "integrity": "sha512-+7LQnFBwkiw+BobzOF6N//BdoNw0ouwmSJTEm9cglOOmsg/TMiFHZLe2sEoN5M7LgJTj9oHH0gxklfnQe66S1w==",
      "requires": {
        "loose-envify": "^1.1.0",
        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2",
-        "scheduler": "^0.13.6"
-      }
-    },
-    "react-apollo": {
-      "version": "2.5.8",
-      "resolved": "https://registry.npmjs.org/react-apollo/-/react-apollo-2.5.8.tgz",
-      "integrity": "sha512-60yOQrnNosxU/tRbOxGDaYNLFcOKmQqxHPhxyvKTlGIaF/rRCXQRKixUgWVffpEupSHHD7psY5k5ZOuZsdsSGQ==",
-      "requires": {
-        "apollo-utilities": "^1.3.0",
-        "fast-json-stable-stringify": "^2.0.0",
-        "hoist-non-react-statics": "^3.3.0",
-        "lodash.isequal": "^4.5.0",
-        "prop-types": "^15.7.2",
-        "ts-invariant": "^0.4.2",
-        "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "apollo-utilities": {
-          "version": "1.3.2",
-          "resolved": "https://registry.npmjs.org/apollo-utilities/-/apollo-utilities-1.3.2.tgz",
-          "integrity": "sha512-JWNHj8XChz7S4OZghV6yc9FNnzEXj285QYp/nLNh943iObycI5GTDO3NGR9Dth12LRrSFMeDOConPfPln+WGfg==",
-          "requires": {
-            "@wry/equality": "^0.1.2",
-            "fast-json-stable-stringify": "^2.0.0",
-            "ts-invariant": "^0.4.0",
-            "tslib": "^1.9.3"
-          }
-        }
-      }
-    },
-    "react-apollo-hooks": {
-      "version": "0.4.5",
-      "resolved": "https://registry.npmjs.org/react-apollo-hooks/-/react-apollo-hooks-0.4.5.tgz",
-      "integrity": "sha512-fq04h88hg4ONtlzxYInmv7Okqqstzk3UCp55jHWOlIO2lFKoZPhQrtCz7A+TrcRu8GGwtG1SsioRKN8kIQaAOQ==",
-      "requires": {
-        "lodash": "^4.17.11"
+        "prop-types": "^15.6.2"
      }
    },
    "react-app-polyfill": {
@@ -10451,14 +10388,14 @@
      }
    },
    "react-dom": {
-      "version": "16.8.6",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.8.6.tgz",
-      "integrity": "sha512-1nL7PIq9LTL3fthPqwkvr2zY7phIPjYrT0jp4HjyEQrEROnw4dG41VVwi/wfoCneoleqrNX7iAD+pXebJZwrwA==",
+      "version": "16.9.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.9.0.tgz",
+      "integrity": "sha512-YFT2rxO9hM70ewk9jq0y6sQk8cL02xm4+IzYBz75CQGlClQQ1Bxq0nhHF6OtSbit+AIahujJgb/CPRibFkMNJQ==",
      "requires": {
        "loose-envify": "^1.1.0",
        "object-assign": "^4.1.1",
        "prop-types": "^15.6.2",
-        "scheduler": "^0.13.6"
+        "scheduler": "^0.15.0"
      }
    },
    "react-error-overlay": {
@@ -10612,15 +10549,6 @@
        "react-transition-group": "^2.5.0"
      }
    },
-    "react-sound": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/react-sound/-/react-sound-1.2.0.tgz",
-      "integrity": "sha512-pc2l8f7Oy3VePRRVesBwSSJ0mrCeD/lE5GVCT1RPdEQ7lgbZTDyWI8HokXHmS1v79aiLnd3WTRhfsBAY0NTb8g==",
-      "requires": {
-        "prop-types": "^15.5.7",
-        "soundmanager2": "^2.97.20170602"
-      }
-    },
    "react-transition-group": {
      "version": "2.9.0",
      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-2.9.0.tgz",
@@ -10692,9 +10620,9 @@
      }
    },
    "recharts": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/recharts/-/recharts-1.6.2.tgz",
-      "integrity": "sha512-NqVN8Hq5wrrBthTxQB+iCnZjup1dc+AYRIB6Q9ck9UjdSJTt4PbLepGpudQEYJEN5iIpP/I2vThC4uiTJa7xUQ==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/recharts/-/recharts-1.7.0.tgz",
+      "integrity": "sha512-rtP2Vg1/MCSK2UtE4aNFeG8qkl8V3N924dx3CJ3dYSzi/fYx2MTL1deCPqlH6i9rUuBQTDKGgWXtHazicMOptA==",
      "requires": {
        "classnames": "^2.2.5",
        "core-js": "^2.5.1",
@@ -11225,9 +11153,9 @@
      }
    },
    "scheduler": {
-      "version": "0.13.6",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.13.6.tgz",
-      "integrity": "sha512-IWnObHt413ucAYKsD9J1QShUKkbKLQQHdxRyw73sw4FN26iWr3DY/H34xGPe4nmL1DwXyWmSWmMrA9TfQbE/XQ==",
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.15.0.tgz",
+      "integrity": "sha512-xAefmSfN6jqAa7Kuq7LIJY0bwAPG3xlCj0HMEBQk1lxYiDKZscY2xJ5U/61ZTrYbmNQbXa+gc7czPkVo11tnCg==",
      "requires": {
        "loose-envify": "^1.1.0",
        "object-assign": "^4.1.1"
@@ -11658,11 +11586,6 @@
        }
      }
    },
-    "soundmanager2": {
-      "version": "2.97.20170602",
-      "resolved": "https://registry.npmjs.org/soundmanager2/-/soundmanager2-2.97.20170602.tgz",
-      "integrity": "sha512-2ee7ES9SJ++WkD7PGHMeT4QUuJr7uC3wacD6RoCDlKjdSp9lpEOaKm3lKWKld119DLILjS2l9U6xpXJN6U0KPQ=="
-    },
    "source-list-map": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
--- a/react-ui/package.json
+++ b/react-ui/package.json
@@ -3,22 +3,20 @@
  "version": "0.1.0",
  "private": true,
  "dependencies": {
-    "apollo-boost": "^0.3.1",
+    "@apollo/react-hooks": "^3.0.0",
+    "apollo-boost": "^0.4.3",
    "apollo-link": "^1.2.12",
    "apollo-link-context": "^1.0.18",
    "graphql": "^14.4.2",
    "jstz": "^2.1.1",
-    "react": "^16.8.6",
-    "react-apollo": "^2.5.8",
-    "react-apollo-hooks": "^0.4.5",
+    "react": "^16.9.0",
    "react-color": "^2.17.3",
-    "react-dom": "^16.8.6",
+    "react-dom": "^16.9.0",
    "react-router": "^5.0.1",
    "react-router-dom": "^5.0.1",
    "react-scripts": "3.0.0",
    "react-sketch": "^0.5.1",
-    "react-sound": "^1.2.0",
-    "recharts": "^1.6.2",
+    "recharts": "^1.7.0",
    "semantic-ui-react": "^0.86.0"
  },
  "scripts": {
--- a/react-ui/src/components/Misc/Admin.js
+++ b/react-ui/src/components/Misc/Admin.js
@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { Input, Header, Loader, Button } from 'semantic-ui-react'
-import { useQuery, useMutation } from 'react-apollo-hooks'
+import { useQuery, useMutation } from '@apollo/react-hooks'
 import { Redirect } from 'react-router-dom'

 import { userLean } from '../../graphql/queries/userLean'
--- a/react-ui/src/components/Misc/Links.js
+++ b/react-ui/src/components/Misc/Links.js
@@ -1,6 +1,6 @@
 import React from "react"
 import { Icon, Header, Loader, List, Segment } from "semantic-ui-react"
-import { useQuery } from "react-apollo-hooks"
+import { useQuery } from "@apollo/react-hooks"
 import { links } from "../../graphql/queries/links"

 const Links = ({ setMenuSelection }) => {
--- a/react-ui/src/components/Misc/MainMenu.js
+++ b/react-ui/src/components/Misc/MainMenu.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import { Menu, Button, Image, Dropdown } from 'semantic-ui-react'
-import { useQuery } from 'react-apollo-hooks'
+import { useQuery } from '@apollo/react-hooks'
 import { userLean } from '../../graphql/queries/userLean'
 import { withRouter } from 'react-router-dom'
 import memcake from '../img/misc/memcake.png'
--- a/react-ui/src/components/Misc/RollSim.js
+++ b/react-ui/src/components/Misc/RollSim.js
@@ -1,7 +1,6 @@
 import React, { useState } from "react"
 import { Grid, Comment } from "semantic-ui-react"
 import { clothingGear, shoesGear, headGear, choose } from "../../utils/lists"
-import Sound from "react-sound"
 import useWindowDimensions from "../hooks/useWindowDimensions"

 import BDU from "../img/abilityIcons/BDU.png"
@@ -30,8 +29,6 @@ import T from "../img/abilityIcons/T.png"
 import TI from "../img/abilityIcons/TI.png"
 import OS from "../img/abilityIcons/OS.png"
 import murchpfp from "../img/misc/murchpfp.png"
-import reroll from "../sounds/reroll.mp3"
-import booyah from "../sounds/nice.mp3"
 import head from "../../utils/head.json"
 import clothes from "../../utils/clothes.json"
 import shoes from "../../utils/shoes.json"
@@ -175,8 +172,6 @@ const RollSim = () => {
  const [headLink] = useState(choose(headGear))
  const [clothingLink] = useState(choose(clothingGear))
  const [shoesLink] = useState(choose(shoesGear))
-  const [audio, setAudio] = useState(Sound.status.STOPPED)
-  const [nice, setNice] = useState(Sound.status.STOPPED)
  const [headMain] = useState(choose(headAbilities))
  const [headSubs, setHeadSubs] = useState([
    choose(subAbilities),
@@ -228,8 +223,6 @@ const RollSim = () => {
    const ability1 = choose(adjustedAbilities)
    const ability2 = choose(adjustedAbilities)
    const ability3 = choose(adjustedAbilities)
-    if (ability1 === ability2 && ability1 === ability3)
-      setNice(Sound.status.PLAYING)

    return [ability1, ability2, ability3]
  }
@@ -259,7 +252,6 @@ const RollSim = () => {
    }

    setRolling(true)
-    setAudio(Sound.status.PLAYING)
    let ability1 = null
    let ability2 = null
    let ability3 = null
@@ -271,20 +263,12 @@ const RollSim = () => {
      await sleep(75)
    }
    setSubsState(setSubs(json, gear)) //only using this method in the last roll that matters for optimization purposes
-    setAudio(Sound.status.STOPPED)
    setRolling(false)
    setRollCount(rollCount + 1)
  }

  return (
    <div>
-      <Sound url={reroll} playStatus={audio} loop={true} volume={10} />
-      <Sound
-        url={booyah}
-        playStatus={nice}
-        volume={10}
-        onFinishedPlaying={() => setNice(Sound.status.STOPPED)}
-      />
      <Grid columns="equal" stackable>
        <Grid.Row>
          <Grid.Column textAlign={containerWidth < 768 ? null : "left"}>
--- a/react-ui/src/components/SoloLadder/BuildCollection.js
+++ b/react-ui/src/components/SoloLadder/BuildCollection.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { useQuery } from 'react-apollo-hooks'
+import { useQuery } from '@apollo/react-hooks'
 import { Table, Loader, Image, Pagination, Header, Popup, Icon } from 'semantic-ui-react'
 import { Link, Redirect } from 'react-router-dom'

--- a/react-ui/src/components/SoloLadder/BuildTab.js
+++ b/react-ui/src/components/SoloLadder/BuildTab.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import { useQuery, useMutation } from 'react-apollo-hooks'
+import { useQuery, useMutation } from '@apollo/react-hooks'
 import { Button, Loader, Message } from 'semantic-ui-react'

 import { addBuild } from '../../graphql/mutations/addBuild'
--- a/react-ui/src/components/SoloLadder/UserPage.js
+++ b/react-ui/src/components/SoloLadder/UserPage.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Tab, Image, Loader, List, Grid } from 'semantic-ui-react'
 import { Redirect } from 'react-router-dom'
-import { useQuery } from 'react-apollo-hooks'
+import { useQuery } from '@apollo/react-hooks'
 import { searchForUser } from '../../graphql/queries/searchForUser'
 import { userLean } from '../../graphql/queries/userLean'
 import InfoPlayer from '../../components/XSearch/InfoPlayer'
--- a/react-ui/src/components/Tools/Calendar.js
+++ b/react-ui/src/components/Tools/Calendar.js
@@ -27,11 +27,11 @@ const Calendar = ({ setMenuSelection }) => {
        && 
        <Segment raised compact>
          <h4>
-            💰 - Has prizes<br/>
-            🎭 - Unconventional ruleset<br/>
-            🔒 - Limited registration<br/>
-            🎲 - Solo registration available<br />
-            👀 - No open registration
+            <span role="img" aria-label="money bag emoji">💰</span> - Has prizes<br/>
+            <span role="img" aria-label="masks emoji">🎭</span> - Unconventional ruleset<br/>
+            <span role="img" aria-label="lock emoji">🔒</span> - Limited registration<br/>
+            <span role="img" aria-label="dice emoji">🎲</span> - Solo registration available<br />
+            <span role="img" aria-label="eyes emoji">👀</span> - No open registration
          </h4>
        </Segment>}
      </div>
--- a/react-ui/src/components/Tools/MapListGenerator.js
+++ b/react-ui/src/components/Tools/MapListGenerator.js
@@ -14,7 +14,7 @@ import {
  Label,
  Segment
 } from "semantic-ui-react"
-import { useQuery } from "react-apollo-hooks"
+import { useQuery } from "@apollo/react-hooks"
 import { maplists } from "../../graphql/queries/maplists"
 import szIcon from "../img/modeIcons/sz.png"
 import tcIcon from "../img/modeIcons/tc.png"
--- a/react-ui/src/components/Tools/Rotations.js
+++ b/react-ui/src/components/Tools/Rotations.js
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react"
-import { useQuery } from "react-apollo-hooks"
+import { useQuery } from "@apollo/react-hooks"
 import { rotationData } from "../../graphql/queries/rotationData"
 import { maplists } from "../../graphql/queries/maplists"
 import {
--- a/react-ui/src/components/XLeaderboard/FlexLeaderboard.js
+++ b/react-ui/src/components/XLeaderboard/FlexLeaderboard.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import { Table, Icon, Popup, Segment } from 'semantic-ui-react'
-import { useQuery } from 'react-apollo-hooks'
+import { useQuery } from '@apollo/react-hooks'
 import { Loader } from 'semantic-ui-react'
 import { Link } from 'react-router-dom'

--- a/react-ui/src/components/XLeaderboard/WeaponLeaderboard.js
+++ b/react-ui/src/components/XLeaderboard/WeaponLeaderboard.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import { Table, Icon, Popup, Segment } from 'semantic-ui-react'
-import { useQuery } from 'react-apollo-hooks'
+import { useQuery } from '@apollo/react-hooks'
 import { Loader } from 'semantic-ui-react'
 import { Link } from 'react-router-dom'

--- a/react-ui/src/components/XSearch/InfoPlayer.js
+++ b/react-ui/src/components/XSearch/InfoPlayer.js
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react"
-import { useQuery } from "react-apollo-hooks"
+import { useQuery } from "@apollo/react-hooks"
 import { Loader, Header, Image, Icon, List, Segment } from "semantic-ui-react"
 import { Link } from "react-router-dom"

--- a/react-ui/src/components/XSearch/InfoWeapon.js
+++ b/react-ui/src/components/XSearch/InfoWeapon.js
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react'
-import { useQuery } from 'react-apollo-hooks'
+import { useQuery } from '@apollo/react-hooks'
 import { topPlayersOfWeapon } from '../../graphql/queries/topPlayersOfWeapon'
 import weaponDictReversed from '../../utils/internal_english.json'
 import { Loader, Header, Table, Checkbox, Segment } from 'semantic-ui-react'
--- a/react-ui/src/components/XSearch/XSearchResults.js
+++ b/react-ui/src/components/XSearch/XSearchResults.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import { withRouter } from 'react-router-dom'
-import { useQuery } from 'react-apollo-hooks'
+import { useQuery } from '@apollo/react-hooks'
 import { Loader, Message, Grid, Button, Header } from 'semantic-ui-react'
 import { searchForPlayers } from '../../graphql/queries/searchForPlayers'

--- a/react-ui/src/components/hooks/useTrends.js
+++ b/react-ui/src/components/hooks/useTrends.js
@@ -1,5 +1,5 @@
 import { useReducer, useEffect } from "react"
-import { useQuery } from "react-apollo-hooks"
+import { useQuery } from "@apollo/react-hooks"
 import { searchForTrend } from "../../graphql/queries/seachForTrend"

 const month = []
--- a/react-ui/src/components/sounds/nice.mp3
+++ b/react-ui/src/components/sounds/nice.mp3
--- a/react-ui/src/components/sounds/reroll.mp3
+++ b/react-ui/src/components/sounds/reroll.mp3
--- a/react-ui/src/index.js
+++ b/react-ui/src/index.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
 import App from './App'
-import { ApolloProvider } from 'react-apollo-hooks'
+import { ApolloProvider } from '@apollo/react-hooks'
 import { ApolloClient } from 'apollo-client'
 import { createHttpLink } from 'apollo-link-http'
 import { InMemoryCache } from 'apollo-cache-inmemory'