change(ui) - tooltip text on dashboard

This commit is contained in:
Shekar Siri 2023-03-29 16:41:10 +02:00
parent 566d5c2e28
commit 1c434d51db
5 changed files with 13 additions and 13 deletions

View file

@ -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)}

View file

@ -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}

View file

@ -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={

View file

@ -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(

View file

@ -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',