diff --git a/packages/analytics-docs/src/App.tsx b/packages/analytics-docs/src/App.tsx index 254aefadf3..28bdc901d4 100644 --- a/packages/analytics-docs/src/App.tsx +++ b/packages/analytics-docs/src/App.tsx @@ -149,7 +149,7 @@ export const App = ({ theme }: AppProps) => { } > setIsSidebarOpen(prev => !prev)} intent={isSidebarOpen ? 'brand' : 'neutral'} size="small" diff --git a/packages/analytics-docs/src/components/VersionsSidebar.tsx b/packages/analytics-docs/src/components/VersionsSidebar.tsx index 1ff7a73af6..122d3a10a1 100644 --- a/packages/analytics-docs/src/components/VersionsSidebar.tsx +++ b/packages/analytics-docs/src/components/VersionsSidebar.tsx @@ -1,15 +1,28 @@ import styled from 'styled-components'; -import type { IconProps, SuiteThemeColors } from '@trezor/components'; -import { Badge, Box, CardList, Column, H3, Icon, Text, variables } from '@trezor/components'; +import { + Badge, + Box, + CardList, + Column, + H3, + Icon, + IconProps, + SuiteThemeColors, + Text, + Tooltip, + variables, +} from '@trezor/components'; import { HEADER_HEIGHT } from '../constants'; import type { EventDoc } from '../types'; import type { VersionWithEvents } from '../utils/filterUtils'; import { getEventId } from '../utils/filterUtils'; +const isAdded = (event: EventDoc, version: string) => event.changelog?.addedInVersion === version; + const getEventChangeProps = (event: EventDoc, version: string) => - event.changelog?.addedInVersion === version + isAdded(event, version) ? { name: 'plus' as const, variant: 'primary' as const } : { name: 'arrowsClockwiseFilled' as const, variant: 'warning' as const }; @@ -17,7 +30,7 @@ const scrollToEvent = (eventName: string) => { const el = document.getElementById(getEventId(eventName)); if (!el) return; const y = el.getBoundingClientRect().top + window.scrollY - HEADER_HEIGHT; - window.scrollTo({ top: y, behavior: 'smooth' }); + window.scrollTo({ top: y }); }; export const SIDEBAR_WIDTH = 280; @@ -73,10 +86,14 @@ export const VersionsSidebar = ({ versionsWithEvents }: VersionsSidebarProps) => > {event.name} - + + + ))} diff --git a/packages/analytics-docs/src/utils/useChangelogButton.tsx b/packages/analytics-docs/src/utils/useChangelogButton.tsx index edd94d739d..9c9e372de8 100644 --- a/packages/analytics-docs/src/utils/useChangelogButton.tsx +++ b/packages/analytics-docs/src/utils/useChangelogButton.tsx @@ -13,7 +13,7 @@ export const useChangelogButton = () => { onClick={() => { setIsChangelogOpened(!isChangelogOpened); }} - icon="note" + icon="clockCounterClockwise" intent={isChangelogOpened ? 'brand' : 'neutral'} size="small" priority="secondary"