From a9d00c943f36adab66e6ce089b2939d80da43b05 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Fri, 5 Jul 2024 10:56:18 +0200
Subject: [PATCH] fix ui: small fixes

---
 .../SpeedIndexByLocation/SpeedIndexByLocation.tsx             | 3 ---
 .../Dashboard/components/FilterSeries/FilterSeries.tsx        | 1 -
 .../Dashboard/components/MetricListItem/MetricListItem.tsx    | 4 ----
 .../Dashboard/components/WidgetForm/CardBuilder.tsx           | 3 ---
 frontend/app/components/UsabilityTesting/UsabilityTesting.tsx | 2 +-
 frontend/app/player/web/assist/CanvasReceiver.ts              | 2 +-
 6 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SpeedIndexByLocation/SpeedIndexByLocation.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SpeedIndexByLocation/SpeedIndexByLocation.tsx
index ef9565b2b..cd30de44a 100644
--- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SpeedIndexByLocation/SpeedIndexByLocation.tsx
+++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/SpeedIndexByLocation/SpeedIndexByLocation.tsx
@@ -16,9 +16,7 @@ interface Props {
 
 function SpeedIndexByLocation(props: Props) {
   const { data } = props;
-  console.log('data', data);
   const wrapper: any = React.useRef(null);
-  let map: any = null;
   const [tooltipStyle, setTooltipStyle] = React.useState({ display: 'none' });
   const [pointedLocation, setPointedLocation] = React.useState<any>(null);
 
@@ -27,7 +25,6 @@ function SpeedIndexByLocation(props: Props) {
     const max = data.chart?.reduce((acc: any, item: any) => Math.max(acc, item.value), 0);
     const min = data.chart?.reduce((acc: any, item: any) => Math.min(acc, item.value), 0);
     data.chart?.forEach((item: any) => {
-      console.log('item', item);
       if (!item || !item.userCountry) {
         return;
       }
diff --git a/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx b/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx
index 5d99953a8..04f6d0b67 100644
--- a/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx
+++ b/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx
@@ -113,7 +113,6 @@ function FilterSeries(props: Props) {
     }
 
     const onChangeEventsOrder = (_: any, {name, value}: any) => {
-        console.log(name, value)
         series.filter.updateKey(name, value);
         observeChanges();
     };
diff --git a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
index 8d6690172..85998a232 100644
--- a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
+++ b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
@@ -80,8 +80,6 @@ const MetricListItem: React.FC<Props> = ({
 
   const onRename = async () => {
     try {
-      console.log('Renaming metric:', metric);
-      console.log('New name:', newName);
       metric.name = newName; 
 
       // Add a toJson method if it doesn't exist
@@ -93,14 +91,12 @@ const MetricListItem: React.FC<Props> = ({
             category: this.category,
             name: this.name,
             metricType: this.metricType,
-            // Add other relevant properties here
           };
         };
       }
 
       await metricStore.save(metric.toJson());
 
-      console.log('Metric saved:', metric);
       metricStore.fetchList();
       setIsEdit(false);
     } catch (e) {
diff --git a/frontend/app/components/Dashboard/components/WidgetForm/CardBuilder.tsx b/frontend/app/components/Dashboard/components/WidgetForm/CardBuilder.tsx
index 7daf637b7..31777b1b4 100644
--- a/frontend/app/components/Dashboard/components/WidgetForm/CardBuilder.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetForm/CardBuilder.tsx
@@ -41,7 +41,6 @@ const MetricTabs = ({metric, writeOption}: any) => {
     if (![TABLE].includes(metric.metricType)) return null;
 
     const onChange = (value: string) => {
-        console.log('value', value);
         writeOption({
             value: {
                 value
@@ -232,8 +231,6 @@ const CardBuilder = observer((props: CardBuilderProps) => {
     const isPredefined = [ERRORS, PERFORMANCE, RESOURCE_MONITORING, WEB_VITALS].includes(metric.metricType);
     const testingKey = localStorage.getItem('__mauricio_testing_access') === 'true';
 
-    console.log('metric', metric);
-
 
     useEffect(() => {
         if (metric && !initialInstance) setInitialInstance(metric.toJson());
diff --git a/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx b/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx
index 063592c6d..36ae77bb6 100644
--- a/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx
+++ b/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx
@@ -216,7 +216,7 @@ function Row({ test, siteId }: { test: UxTListEntry; siteId: string }) {
             </div>
           </div>
           <div style={{ maxWidth: 550 }}>
-            <Link className="link" to={test.status === 'preview' ? editLink : link}>
+            <Link className="link !p-0" to={test.status === 'preview' ? editLink : link}>
               {test.title}
             </Link>
             <div className={'text-disabled-text whitespace-nowrap text-ellipsis overflow-hidden'}>
diff --git a/frontend/app/player/web/assist/CanvasReceiver.ts b/frontend/app/player/web/assist/CanvasReceiver.ts
index 8ff54a645..17ce3605a 100644
--- a/frontend/app/player/web/assist/CanvasReceiver.ts
+++ b/frontend/app/player/web/assist/CanvasReceiver.ts
@@ -145,7 +145,7 @@ function spawnDebugVideo(stream: MediaStream, node: VElement) {
   video
     .play()
     .then(() => {
-      console.log('started streaming canvas');
+      console.debug('started streaming canvas');
     })
     .catch((e) => {
       console.error(e);