From 1c434d51dbf9f613f800441ae61c458629a8699b Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 29 Mar 2023 16:41:10 +0200
Subject: [PATCH] change(ui) - tooltip text on dashboard

---
 .../DashboardHeader/DashboardHeader.tsx          |  4 ++--
 .../MetricViewHeader/MetricViewHeader.tsx        | 16 ++++++++--------
 .../components/WidgetName/WidgetName.tsx         |  2 +-
 .../BugReport/components/ReportTitle.tsx         |  2 +-
 frontend/app/components/ui/Button/Button.tsx     |  2 +-
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/DashboardHeader/DashboardHeader.tsx b/frontend/app/components/Dashboard/components/DashboardHeader/DashboardHeader.tsx
index 5f312d124..0d850038c 100644
--- a/frontend/app/components/Dashboard/components/DashboardHeader/DashboardHeader.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardHeader/DashboardHeader.tsx
@@ -71,7 +71,7 @@ function DashboardHeader(props: Props) {
           <PageTitle
             title={
               // @ts-ignore
-              <Tooltip delay={100} arrow title="Double click to rename">
+              <Tooltip delay={100} arrow title="Double click to edit">
                 {dashboard?.name}
               </Tooltip>
             }
@@ -118,7 +118,7 @@ function DashboardHeader(props: Props) {
       </div>
       <div className="pb-4">
         {/* @ts-ignore */}
-        <Tooltip delay={100} arrow title="Double click to rename" className="w-fit !block">
+        <Tooltip delay={100} arrow title="Double click to edit" className="w-fit !block">
           <h2
             className="my-2 font-normal w-fit text-disabled-text border-b border-b-borderColor-transparent hover:border-dotted hover:border-gray-medium cursor-pointer"
             onDoubleClick={() => onEdit(false)}
diff --git a/frontend/app/components/Dashboard/components/MetricViewHeader/MetricViewHeader.tsx b/frontend/app/components/Dashboard/components/MetricViewHeader/MetricViewHeader.tsx
index 081dd21e5..1e1775415 100644
--- a/frontend/app/components/Dashboard/components/MetricViewHeader/MetricViewHeader.tsx
+++ b/frontend/app/components/Dashboard/components/MetricViewHeader/MetricViewHeader.tsx
@@ -53,6 +53,13 @@ function MetricViewHeader() {
             isSearchable={true}
           />
 
+          <DashboardDropdown
+            plain={true}
+            onChange={(value: any) =>
+              metricStore.updateKey('filter', { ...filter, dashboard: value })
+            }
+          />
+
           <Select
             options={[
               { label: 'Newest', value: 'desc' },
@@ -63,13 +70,6 @@ function MetricViewHeader() {
             onChange={({ value }) => metricStore.updateKey('sort', { by: value.value })}
             plain={true}
           />
-
-          <DashboardDropdown
-            plain={true}
-            onChange={(value: any) =>
-              metricStore.updateKey('filter', { ...filter, dashboard: value })
-            }
-          />
         </div>
       </div>
     </div>
@@ -89,7 +89,7 @@ function DashboardDropdown({ onChange, plain = false }: { plain?: boolean; onCha
   return (
     <Select
       isSearchable={true}
-      placeholder="Select Dashboard"
+      placeholder="Filter by Dashboard"
       plain={plain}
       options={dashboardOptions}
       value={metricStore.filter.dashboard}
diff --git a/frontend/app/components/Dashboard/components/WidgetName/WidgetName.tsx b/frontend/app/components/Dashboard/components/WidgetName/WidgetName.tsx
index a560235e9..2d734e236 100644
--- a/frontend/app/components/Dashboard/components/WidgetName/WidgetName.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetName/WidgetName.tsx
@@ -64,7 +64,7 @@ function WidgetName(props: Props) {
         />
       ) : (
         // @ts-ignore
-        <Tooltip delay={200} title="Double click to rename" disabled={!canEdit}>
+        <Tooltip delay={200} title="Double click to edit" disabled={!canEdit}>
           <div
             onDoubleClick={() => setEditing(true)}
             className={
diff --git a/frontend/app/components/Session_/BugReport/components/ReportTitle.tsx b/frontend/app/components/Session_/BugReport/components/ReportTitle.tsx
index 93eb4148a..bb6bb327c 100644
--- a/frontend/app/components/Session_/BugReport/components/ReportTitle.tsx
+++ b/frontend/app/components/Session_/BugReport/components/ReportTitle.tsx
@@ -45,7 +45,7 @@ function ReportTitle() {
         />
       ) : (
         // @ts-ignore
-        <Tooltip delay={200} title="Double click to rename">
+        <Tooltip delay={200} title="Double click to edit">
           <div
             onDoubleClick={toggleEdit}
             className={cn(
diff --git a/frontend/app/components/ui/Button/Button.tsx b/frontend/app/components/ui/Button/Button.tsx
index 924a70141..89bb1e459 100644
--- a/frontend/app/components/ui/Button/Button.tsx
+++ b/frontend/app/components/ui/Button/Button.tsx
@@ -38,7 +38,7 @@ export default (props: Props) => {
     default: 'bg-white hover:bg-gray-light border border-gray-light',
     primary: 'bg-teal color-white hover:bg-teal-dark',
     green: 'bg-green color-white hover:bg-green-dark',
-    text: 'bg-transparent color-gray-dark hover:bg-gray-light-shade hover:!text-teal hover-fill-teal',
+    text: 'bg-transparent color-gray-dark hover:bg-active-blue hover:!text-teal hover-fill-teal',
     'text-primary': 'bg-transparent color-teal hover:bg-teal-light hover:color-teal-dark',
     'text-red': 'bg-transparent color-red hover:bg-teal-light',
     outline: 'bg-white color-teal border border-teal hover:bg-teal-light',