fix builds, froze yarn

.github/workflows/build-and-test.yml

@@ -40,15 +40,15 @@ jobs:
       - name: yarn install in ./app/client
         run: |
           cd ./app/client
-          yarn install
+          yarn install --frozen-lockfile
 
       - name: yarn install in ./
-        run: yarn install
+        run: yarn install --frozen-lockfile
 
       - name: yarn install in ./app
         run: |
           cd ./app
-          yarn install
+          yarn install --frozen-lockfile
 
       - name: yarn build
         env:

.github/workflows/codecov.yml

@@ -36,15 +36,15 @@ jobs:
       - name: yarn install in ./app/client
         run: |
           cd ./app/client
-          yarn install
+          yarn install --frozen-lockfile
 
       - name: yarn install in ./
-        run: yarn install
+        run: yarn install --frozen-lockfile
 
       - name: yarn install in ./app
         run: |
           cd ./app
-          yarn install
+          yarn install --frozen-lockfile
 
       - name: yarn build
         env:

.github/workflows/release.yml

@@ -61,15 +61,15 @@ jobs:
       - name: yarn install in ./app/client
         run: |
           cd ./app/client
-          yarn install
+          yarn install --frozen-lockfile
 
       - name: yarn install in ./
-        run: yarn install
+        run: yarn install --frozen-lockfile
 
       - name: yarn install in ./app
         run: |
           cd ./app
-          yarn install
+          yarn install --frozen-lockfile
 
       - name: yarn build
         env:

README.md

@@ -131,7 +131,7 @@ You will need to have `node` `npm` and `yarn` installed
 globally on your machine.
 
 1. git clone this repo
-2. `cd app/client; yarn install ; cd ../../ ; yarn install`
+2. `cd app/client; yarn install --frozen-lockfile ; cd ../../ ; yarn install --frozen-lockfile`
 3. `yarn dev` -- run in dev mode with live updates
 
 ### Useful yarn commands

app/client/src/components/PlayerControlPanel/__snapshots__/index.spec.tsx.snap

@@ -138,7 +138,28 @@ exports[`should match exact snapshot 1`] = `
       </span>
     </div>
     <div
-      className="col-xs-12 col-md-6"
+      className="col-xs-12 col-md-1"
+    >
+      <div
+        className="row center-xs"
+        style={
+          Object {
+            "height": "42px",
+          }
+        }
+      >
+        <div
+          className=""
+        >
+          FPS: 
+        </div>
+        <p
+          id="fps-show"
+        />
+      </div>
+    </div>
+    <div
+      className="col-xs-12 col-md-5"
     >
       <div
         className="row center-xs"

app/client/src/containers/PlayerView/__snapshots__/index.spec.tsx.snap

@@ -150,7 +150,28 @@ exports[`should match exact snapshot 1`] = `
         </span>
       </div>
       <div
-        className="col-xs-12 col-md-6"
+        className="col-xs-12 col-md-1"
+      >
+        <div
+          className="row center-xs"
+          style={
+            Object {
+              "height": "42px",
+            }
+          }
+        >
+          <div
+            className=""
+          >
+            FPS: 
+          </div>
+          <p
+            id="fps-show"
+          />
+        </div>
+      </div>
+      <div
+        className="col-xs-12 col-md-5"
       >
         <div
           className="row center-xs"

app/client/src/features/PeerConnection/peerConnectionHandlePeer.ts

@@ -21,7 +21,7 @@ let lastCalculatedFPSTimestamp = 0;
 function dumpStatsFramesPerSecondOnly(results: any) {
   // framesReceived
   let isFremsPerSecondSet;
-  let statsString = '';
+  // let statsString = '';
 
   results.forEach((res: any) => {
     // statsString += '<h3>Report type=';