jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: fix for dlt button in widgets

Browse source
This commit is contained in:
nick-delirium 2024-12-16 17:08:42 +01:00
parent ab0a14fcb2
commit c851bf0ad1
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
2 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/app/components/Dashboard/components/WidgetView/CardViewMenu.tsx
View file

@ -36,6 +36,7 @@ const CardViewMenu = () => {
key: 'remove',
label: 'Delete',
icon: <TrashIcon size={16} />,
disabled: !widget.exists(),
onClick: () => {
Modal.confirm({
title: 'Confirm Card Deletion',

15
frontend/app/components/Dashboard/components/WidgetView/WidgetViewHeader.tsx
View file

@ -4,9 +4,9 @@ import WidgetName from 'Components/Dashboard/components/WidgetName';
import { useStore } from 'App/mstore';
import { observer } from 'mobx-react-lite';
import AddToDashboardButton from 'Components/Dashboard/components/AddToDashboardButton';
import { Button, Space } from 'antd';
import { Button, Space, Tooltip } from 'antd';
import CardViewMenu from 'Components/Dashboard/components/WidgetView/CardViewMenu';
import { Link } from 'lucide-react'
import { Link2 } from 'lucide-react'
import copy from 'copy-to-clipboard';
import MetricTypeSelector from "../MetricTypeSelector";
@ -15,13 +15,18 @@ interface Props {
onSave: () => void;
}
const defaultText = 'Copy link to clipboard'
function WidgetViewHeader({ onClick, onSave }: Props) {
const [tooltipText, setTooltipText] = React.useState(defaultText);
const { metricStore } = useStore();
const widget = metricStore.instance;
const copyUrl = () => {
const url = window.location.href;
copy(url)
setTooltipText('Link copied to clipboard!');
setTimeout(() => setTooltipText(defaultText), 2000);
}
return (
<div
@ -40,12 +45,14 @@ function WidgetViewHeader({ onClick, onSave }: Props) {
<Space>
<AddToDashboardButton metricId={widget.metricId} />
<MetricTypeSelector />
<Button onClick={copyUrl} icon={<Link size={16} strokeWidth={1} />}></Button>
<Tooltip title={tooltipText}>
<Button disabled={!widget.exists()} onClick={copyUrl} icon={<Link2 size={16} strokeWidth={1} />}></Button>
</Tooltip>
<Button
type="primary"
onClick={onSave}
loading={metricStore.isSaving}
disabled={metricStore.isSaving || !widget.hasChanged}
disabled={metricStore.isSaving || (widget.exists() && !widget.hasChanged)}
>
{widget.exists() ? 'Update' : 'Create'}
</Button>