Skip to content
This repository has been archived by the owner on Feb 14, 2021. It is now read-only.

Tooltips for components shown in the mock #26

Merged
merged 3 commits into from
Feb 3, 2021

Conversation

syrekable
Copy link
Collaborator

Tooltips as a component, 'batteries included'. Werks and looks decent, and does not pollute existing code.

@JakubKoralewski, please check the tooltip for Notifications, as despite adding it to the Header, it seems that I cannot get the right ancestor of the <NotificationsIcon />.

@syrekable syrekable linked an issue Feb 3, 2021 that may be closed by this pull request
@JakubKoralewski JakubKoralewski temporarily deployed to lwit-scrum-private-pr-26 February 3, 2021 10:46 Inactive
Copy link
Owner

@JakubKoralewski JakubKoralewski left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

generally it's great 🎉 awesome

idk how pedantic we should be about it working perfectly, I feel like its great as it is, but couple ideas:

  1. the show can also be visible from the AddShows component where the SELECT button is not shown, so the tooltip kinda doesnt make sense
  2. the notification (tooltip) doesnt show up cause you added the tooltip on mobile

i approve

className={className}
style={{ display: `inline-block` }}
<StyledTooltip
title={TooltipStrings.showListItemSelect}
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

obraz

Comment on lines +198 to +207

<IconButton aria-label="show 11 new notifications" color="inherit">
<Badge badgeContent={11} color="secondary">
<NotificationsIcon />
</Badge>
<StyledTooltip
title={TooltipStrings.notificationsButton}>
<Badge badgeContent={11} color="secondary">
<NotificationsIcon />
</Badge>
</StyledTooltip>
</IconButton>

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it works well it's just that you put the tooltip inside renderMobileMenu which is specific jsut to mobile:
obraz

@AdrianKlessa
Copy link
Collaborator

Looks and works great!

@JakubKoralewski JakubKoralewski temporarily deployed to lwit-scrum-private-pr-26 February 3, 2021 11:47 Inactive
@JakubKoralewski JakubKoralewski temporarily deployed to lwit-scrum-private-pr-26 February 3, 2021 15:20 Inactive
@JakubKoralewski
Copy link
Owner

gj @AdrianKlessa, works for me now on desktop

u can merge if ure finished with changes to this branch

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Implementing tips from mockups
3 participants