From 7c2cda11506562e882194cdabe85846b0a48a41e Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Mon, 11 Dec 2023 15:37:46 +0100
Subject: [PATCH] fix(ui): some uxt fi

---
 .../UsabilityTesting/TestOverview.tsx         | 30 +++++++------------
 .../UsabilityTesting/UsabilityTesting.tsx     |  2 +-
 tracker/tracker/package.json                  |  2 +-
 .../src/main/modules/userTesting/styles.ts    |  1 +
 4 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/frontend/app/components/UsabilityTesting/TestOverview.tsx b/frontend/app/components/UsabilityTesting/TestOverview.tsx
index f9ecae875..85ce301ce 100644
--- a/frontend/app/components/UsabilityTesting/TestOverview.tsx
+++ b/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);
diff --git a/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx b/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx
index 689346437..9928198ae 100644
--- a/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx
+++ b/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;
diff --git a/tracker/tracker/package.json b/tracker/tracker/package.json
index 2dbabc464..6b2011444 100644
--- a/tracker/tracker/package.json
+++ b/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"
diff --git a/tracker/tracker/src/main/modules/userTesting/styles.ts b/tracker/tracker/src/main/modules/userTesting/styles.ts
index 0bdb33d9d..ddc28a0ee 100644
--- a/tracker/tracker/src/main/modules/userTesting/styles.ts
+++ b/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 = {