diff --git a/ui/pages/Chart.tsx b/ui/pages/Chart.tsx
index eb926217f2..fc5ed7b9b1 100644
--- a/ui/pages/Chart.tsx
+++ b/ui/pages/Chart.tsx
@@ -151,10 +151,6 @@ const Chart = () => {
}
colorScheme="blue"
- gridColumn={ 2 }
- justifySelf="end"
- alignSelf="top"
- gridRow="1/3"
size="sm"
variant="outline"
onClick={ onShare }
diff --git a/ui/shared/chart/ChartMenu.tsx b/ui/shared/chart/ChartMenu.tsx
index 0bf23cde74..19877061b5 100644
--- a/ui/shared/chart/ChartMenu.tsx
+++ b/ui/shared/chart/ChartMenu.tsx
@@ -54,7 +54,7 @@ const ChartMenu = ({
const pngBackgroundColor = useColorModeValue('white', 'black');
const [ isFullscreen, setIsFullscreen ] = React.useState(false);
- const { onCopy } = useClipboard(chartUrl);
+ const { onCopy } = useClipboard(chartUrl ?? '');
const isInBrowser = isBrowser();
@@ -176,9 +176,9 @@ const ChartMenu = ({
- { items && (
+ { items && isFullscreen && (
{
+// eslint-disable-next-line no-restricted-imports
+import logoIcon from 'icons/networks/logo-placeholder.svg';
+
+const ChartWatermarkIcon = (props: IconProps) => {
const watermarkColor = useColorModeValue('link', 'white');
return (
{
pointerEvents="none"
viewBox="0 0 114 20"
color={ watermarkColor }
- >
- { /* eslint-disable-next-line max-len */ }
-
-
+ />
);
};
-export default WatermarkIcon;
+export default ChartWatermarkIcon;
diff --git a/ui/shared/chart/ChartWidgetContent.tsx b/ui/shared/chart/ChartWidgetContent.tsx
index 4bde70ded5..0180ee57e7 100644
--- a/ui/shared/chart/ChartWidgetContent.tsx
+++ b/ui/shared/chart/ChartWidgetContent.tsx
@@ -6,7 +6,7 @@ import type { Resolution } from '@blockscout/stats-types';
import { apos } from 'lib/html-entities';
-import WatermarkIcon from './ChartWatermarkIcon';
+import ChartWatermarkIcon from './ChartWatermarkIcon';
import ChartWidgetGraph from './ChartWidgetGraph';
export type Props = {
@@ -82,7 +82,7 @@ const ChartWidgetContent = ({
noAnimation={ noAnimation }
resolution={ resolution }
/>
-
+
);
};