change(ui) - tooltip text on dashboard
This commit is contained in:
parent
566d5c2e28
commit
1c434d51db
5 changed files with 13 additions and 13 deletions
|
|
@ -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)}
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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={
|
||||
|
|
|
|||
|
|
@ -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(
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue