Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-23 00:22:19 +01:00
Code Issues Projects Releases Wiki Activity

chore: event timeline help icon (#8345)

Browse Source 
https://linear.app/unleash/issue/2-2717/help-icon-in-the-event-timeline-component

Adds an help icon to the event timeline.

<img width="108" alt="image"
src="https://github.com/user-attachments/assets/261fd14a-4d33-4bae-ae2e-92d1dc47db6b">

<img width="332" alt="image"
src="https://github.com/user-attachments/assets/85c827d1-39e9-47ef-9602-7f2ea207e5ea">
This commit is contained in:
Nuno Góis 2024-10-03 08:45:24 +01:00 committed by GitHub
parent 35a73a5b8e
commit 401425e35c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/component/events/EventTimeline/EventTimelineHeader/EventTimelineHeader.tsx
View File

@ -13,6 +13,7 @@ import CloseIcon from '@mui/icons-material/Close';
import { useEventTimelineContext } from '../EventTimelineContext'; import { useEventTimelineContext } from '../EventTimelineContext';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker'; import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
import { EventTimelineHeaderTip } from './EventTimelineHeaderTip'; import { EventTimelineHeaderTip } from './EventTimelineHeaderTip';
import { HelpIcon } from 'component/common/HelpIcon/HelpIcon';
const StyledCol = styled('div')(({ theme }) => ({ const StyledCol = styled('div')(({ theme }) => ({
display: 'flex', display: 'flex',
@ -33,6 +34,8 @@ const StyledFilter = styled(TextField)(({ theme }) => ({
})); }));
const StyledTimelineEventsCount = styled('span')(({ theme }) => ({ const StyledTimelineEventsCount = styled('span')(({ theme }) => ({
display: 'flex',
alignItems: 'center',
marginTop: theme.spacing(0.25), marginTop: theme.spacing(0.25),
})); }));
@ -68,6 +71,7 @@ export const EventTimelineHeader = ({
<StyledTimelineEventsCount> <StyledTimelineEventsCount>
{totalEvents} event {totalEvents} event
{totalEvents === 1 ? '' : 's'} {totalEvents === 1 ? '' : 's'}
<HelpIcon tooltip='These are key events per environment across all your projects. For more details, visit the event log.' />
</StyledTimelineEventsCount> </StyledTimelineEventsCount>
<StyledFilter <StyledFilter
select select