From d8e82b321f958b3247ac276ae832719ae40bd4a1 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 8 Feb 2022 18:26:03 +0100
Subject: [PATCH] feat(ui) - filters and metrics fixes

---
 frontend/app/components/BugFinder/ManageFilters/SaveModal.js  | 2 +-
 frontend/app/components/Dashboard/Widgets/common/Styles.js    | 2 +-
 .../app/components/Funnels/FunnelSaveModal/FunnelSaveModal.js | 2 +-
 .../app/components/shared/SaveSearchModal/SaveSearchModal.tsx | 4 ++--
 frontend/app/duck/alerts.js                                   | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/app/components/BugFinder/ManageFilters/SaveModal.js b/frontend/app/components/BugFinder/ManageFilters/SaveModal.js
index b10b7aa3d..1f804b87c 100644
--- a/frontend/app/components/BugFinder/ManageFilters/SaveModal.js
+++ b/frontend/app/components/BugFinder/ManageFilters/SaveModal.js
@@ -78,7 +78,7 @@ export default class SaveModal extends React.PureComponent {
                 />
                 <div className="flex items-center cursor-pointer" onClick={ () => this.setState({ 'isPublic' : !isPublic }) }>
                   <Icon name="user-friends" size="16" />
-                  <span className="ml-2"> Team Funnel</span>
+                  <span className="ml-2"> Team Visible</span>
                 </div>
               </div>              
             </Form.Field>          
diff --git a/frontend/app/components/Dashboard/Widgets/common/Styles.js b/frontend/app/components/Dashboard/Widgets/common/Styles.js
index 45d3fb7cc..7b763f698 100644
--- a/frontend/app/components/Dashboard/Widgets/common/Styles.js
+++ b/frontend/app/components/Dashboard/Widgets/common/Styles.js
@@ -4,7 +4,7 @@ const colors = ['#3EAAAF', '#5FBABF', '#7BCBCF', '#96DCDF', '#ADDCDF'];
 const colorsx = ['#256669', '#38999e', '#3eaaaf', '#51b3b7', '#78c4c7', '#9fd5d7', '#c5e6e7'].reverse();
 const compareColors = ['#394EFF', '#4D5FFF', '#808DFF', '#B3BBFF', '#E5E8FF'];
 const compareColorsx = ["#222F99", "#2E3ECC", "#394EFF", "#6171FF", "#8895FF", "#B0B8FF", "#D7DCFF"].reverse();
-const customMetricColors = ['#3EAAAF', '#394EFF', '#333333', ];
+const customMetricColors = ['#3EAAAF', '#394EFF', '#666666'];
 
 const countView = count => {
   const isMoreThanK = count >= 1000;
diff --git a/frontend/app/components/Funnels/FunnelSaveModal/FunnelSaveModal.js b/frontend/app/components/Funnels/FunnelSaveModal/FunnelSaveModal.js
index 3cfccb3ff..9c9d1d907 100644
--- a/frontend/app/components/Funnels/FunnelSaveModal/FunnelSaveModal.js
+++ b/frontend/app/components/Funnels/FunnelSaveModal/FunnelSaveModal.js
@@ -84,7 +84,7 @@ export default class FunnelSaveModal extends React.PureComponent {
                 />
                 <div className="flex items-center cursor-pointer" onClick={ () => this.props.edit({ 'isPublic' : !funnel.isPublic }) }>
                   <Icon name="user-friends" size="16" />
-                  <span className="ml-2"> Team Funnel</span>
+                  <span className="ml-2"> Team Visible</span>
                 </div>
               </div>
             </Form.Field>
diff --git a/frontend/app/components/shared/SaveSearchModal/SaveSearchModal.tsx b/frontend/app/components/shared/SaveSearchModal/SaveSearchModal.tsx
index 61f0ee71a..9ea8d41fb 100644
--- a/frontend/app/components/shared/SaveSearchModal/SaveSearchModal.tsx
+++ b/frontend/app/components/shared/SaveSearchModal/SaveSearchModal.tsx
@@ -87,12 +87,12 @@ function SaveSearchModal(props: Props) {
               />
               <div className="flex items-center cursor-pointer" onClick={ () => props.edit({ 'isPublic' : !savedSearch.isPublic }) }>
                 <Icon name="user-friends" size="16" />
-                <span className="ml-2"> Team Search</span>
+                <span className="ml-2"> Team Visible</span>
               </div>
             </div>              
           </Form.Field>
         </Form>
-        { savedSearch.exists() && <div className="mt-2">Changes in filters will be updated.</div> }
+        { savedSearch.exists() && <div className="mt-4">Changes in filters will be updated.</div> }
       </Modal.Content>
       <Modal.Actions className="flex items-center px-6">
         <div className="mr-auto">
diff --git a/frontend/app/duck/alerts.js b/frontend/app/duck/alerts.js
index 952d161b7..3783474d4 100644
--- a/frontend/app/duck/alerts.js
+++ b/frontend/app/duck/alerts.js
@@ -29,7 +29,7 @@ const reducer = (state = initialState, action = {}) => {
     //       })
     //   );
     case FETCH_TRIGGER_OPTIONS.SUCCESS:
-      return state.set('triggerOptions', action.data.map(({ name, value}) => ({ text: name, value })));
+      return state.set('triggerOptions', action.data.map(({ name, value }) => ({ text: name, value })));
   }
   return state;
 };