change(ui): some cleanup

frontend/app/api_client.js

@@ -104,12 +104,12 @@ export default class APIClient {
 
   post(path, params, options) {
     this.init.method = 'POST';
-    return this.fetch(path, params, undefined);
+    return this.fetch(path, params);
   }
 
   put(path, params, options) {
     this.init.method = 'PUT';
-    return this.fetch(path, params, undefined);
+    return this.fetch(path, params);
   }
 
   delete(path, params, options) {

frontend/app/components/Assist/Assist.tsx

@@ -19,7 +19,7 @@ function Assist(props: Props) {
   const isRecords = history.location.pathname.includes('recordings');
 
   const redirect = (path: string) => {
-    history.push(path);
+    history.push(withSiteId(path, siteId));
   };
   return (
     <div className="page-margin container-90 flex relative">
@@ -30,14 +30,14 @@ function Assist(props: Props) {
             id="menu-assist"
             title="Live Sessions"
             iconName="play-circle-light"
-            onClick={() => redirect(withSiteId(assist(), siteId))}
+            onClick={() => redirect(assist())}
           />
           <SideMenuitem
             active={isRecords}
             id="menu-rec"
             title="Recordings"
             iconName="record-circle"
-            onClick={() => redirect(withSiteId(recordings(), siteId))}
+            onClick={() => redirect(recordings())}
           />
           </div>
           <div className="side-menu-margined w-full">

frontend/app/components/Assist/AssistView.tsx

@@ -1,12 +1,11 @@
 import React from 'react';
 import LiveSessionList from 'Shared/LiveSessionList';
 import LiveSessionSearch from 'Shared/LiveSessionSearch';
-import cn from 'classnames'
 import AssistSearchField from './AssistSearchField';
 
 function AssistView() {
   return (
-    <div className={cn("w-full mx-auto")} style={{ maxWidth: '1300px'}}>
+    <div className="w-full mx-auto" style={{ maxWidth: '1300px'}}>
       <AssistSearchField />
       <LiveSessionSearch />
       <div className="my-4" />

frontend/app/components/Assist/RecordingsList/RecordsListItem.tsx

@@ -45,9 +45,9 @@ function RecordsListItem(props: Props) {
     recordingsStore
       .updateRecordingName(record.recordId, recordingTitle)
       .then(() => {
-        toast.success('Name updated');
+        toast.success('Recording name updated');
       })
-      .catch(() => toast.error("Couldn't update name"));
+      .catch(() => toast.error("Couldn't update recording name"));
     setEdit(false);
   };
 

frontend/app/components/Session_/ScreenRecorder/ScreenRecorder.tsx

@@ -89,20 +89,21 @@ function ScreenRecorder({
 
   const recordingRequest = () => {
     requestRecording();
-    // startRecording()
   };
 
-  if (!isSupported())
+  if (!isSupported()) {
     return (
       <div className="p-2">
         {/* @ts-ignore */}
         <Tooltip title={supportedMessage}>
-          <Button icon="record-circle" disabled variant={isRecording ? 'text-red' : 'text-primary'}>
+          <Button icon="record-circle" disabled variant="text-primary">
             Record Activity
           </Button>
         </Tooltip>
       </div>
     );
+  }
+
   return (
     <div onClick={!isRecording ? recordingRequest : stopRecordingHandler} className="p-2">
       <Button

frontend/app/mstore/recordingsStore.ts

@@ -10,7 +10,7 @@ export default class RecordingsStore {
   pageSize = 15;
   order: 'desc' | 'asc' = 'desc';
   search = '';
-  // not later we will add search by user id
+  // later we will add search by user id
   userId: number;
 
   constructor() {

tracker/tracker-assist/src/ScreenRecordingState.ts

@@ -96,8 +96,9 @@ export default class ScreenRecordingState {
         position: 'fixed',
         bottom: '0',
         left: 'calc(50vw - 60px)',
-        padding: '1px 3px',
-        background: 'blue',
+        'font-weight': 500,
+        padding: '2px 4px',
+        background: '#394EFF',
         'border-top-right-radius': '3px',
         'border-top-left-radius': '3px',
         'text-align': 'center',