add logrocket

client/src/app.tsx

@@ -1,10 +1,11 @@
 import { h } from 'preact';
-import { useState, useEffect } from 'preact/hooks';
-import { useSelector, useDispatch } from 'react-redux'
-import { Route, Router, route } from 'preact-router';
-import { Provider } from 'react-redux'
+import { useEffect } from 'preact/hooks';
+import { useDispatch, Provider } from 'react-redux'
+import { Route, Router, } from 'preact-router';
+import LogRocket from 'logrocket';
 
 import createWs from './ws';
+import store, {  wsState } from './store'
 
 import Nav from './components/nav';
 
@@ -15,7 +16,8 @@ import Search from './routes/search';
 import List from './routes/list';
 import Info from './routes/info';
 
-import store, { userState, wsState, State } from './store'
+if (window.location.host === 'matescrates.au') LogRocket.init('yh0dy3/mcrates');
+
 const Main = () => {
     const dispatch = useDispatch()
 

client/src/components/nav.tsx

@@ -2,6 +2,7 @@ import { h } from 'preact';
 import { route } from 'preact-router';
 import { useEffect } from 'preact/hooks';
 import { useSelector } from 'react-redux'
+import LogRocket from 'logrocket';
 
 import http from './../http';
 import { State } from './../store';
@@ -21,6 +22,14 @@ const Nav = () => {
             return;
         }
         route(DEFAULT_ROUTE)
+
+        if (window.location.host === 'matescrates.au') {
+            LogRocket.identify(user.id, {
+                name: user.email,
+                email: user.email,
+            });
+        }
+
         return;
     }, [user])