fix(ui): some uxt fi

frontend/app/components/UsabilityTesting/TestOverview.tsx

@@ -32,11 +32,18 @@ import ParticipantOverviewItem from 'Components/UsabilityTesting/ParticipantOver
 import { toast } from 'react-toastify';
 
 const statusItems = [
-  { value: 'in-progress', label: 'Ongoing' },
-  { value: 'paused', label: 'Hold' },
-  { value: 'closed', label: 'Close' },
+  { value: 'in-progress', label: '🟢 Ongoing' },
+  { value: 'paused', label: '🟠 Hold' },
+  { value: 'closed', label: '⚪ Close' },
 ];
 
+const colors = {
+  'in-progress': '#52c41a',
+  closed: '#bfbfbf',
+  paused: '#fa8c16',
+  preview: '#2f54eb',
+};
+
 const menuItems = [
   // {
   //   key: '1',
@@ -412,15 +419,7 @@ const Title = observer(({ testId, siteId }: any) => {
           options={statusItems}
           optionRender={(item) => (
             <Space align={'center'}>
-              <div
-                style={{
-                  background: getColor(item.value),
-                  width: 12,
-                  height: 12,
-                  borderRadius: 32,
-                }}
-              />
-              {item.data.icon} {item.label}
+              {item.label}
             </Space>
           )}
         />
@@ -490,11 +489,4 @@ const Title = observer(({ testId, siteId }: any) => {
   );
 });
 
-const colors = {
-  'in-progress': '#52c41a',
-  closed: '#bfbfbf',
-  paused: '#fa8c16',
-  preview: '#2f54eb',
-};
-
 export default observer(TestOverview);

frontend/app/components/UsabilityTesting/UsabilityTesting.tsx

@@ -236,7 +236,7 @@ function Row({ test, siteId }: { test: UxTListEntry; siteId: string }) {
 
 const colors = {
   'in-progress': 'green',
-  closed: 'grey',
+  closed: '',
   paused: 'orange',
   preview: 'geekblue',
 } as const;

tracker/tracker/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "11.0.2-12",
+  "version": "11.0.2-13",
   "keywords": [
     "logging",
     "replay"

tracker/tracker/src/main/modules/userTesting/styles.ts

@@ -9,6 +9,7 @@ export const bgStyle = {
   alignItems: 'center',
   justifyContent: 'center',
   zIndex: 999999,
+  fontFamily: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";`,
 }
 
 export const containerStyle = {