Skip to content

Add tooltips to the note detail toolbar#599

Merged
Rokt33r merged 9 commits intoBoostIO:masterfrom
laudep:feat/tooltips-notedetailtoolbar
Sep 3, 2020
Merged

Add tooltips to the note detail toolbar#599
Rokt33r merged 9 commits intoBoostIO:masterfrom
laudep:feat/tooltips-notedetailtoolbar

Conversation

@laudep
Copy link
Copy Markdown
Contributor

@laudep laudep commented Aug 27, 2020

See #552

  • New English texts for tooltips
  • Basic tooltips on the note detail toolbar component and its children
    • NoteDetailToolbar
      • NoteDetailFolderNavigator
      • NoteDetailTagNavigator
        • TagNavigatorListItem
      • ToolBarIconButton

Comment thread src/components/molecules/NoteDetailFolderNavigator.tsx Outdated
}: NoteDetailFolderNavigatorProps) => {
interface FolderNavItemProps {
path: string
children?: React.ReactNode
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Should not accept children

noteFolderPathname,
}: NoteDetailFolderNavigatorProps) => {
interface FolderNavItemProps {
path: string
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

storageId, storageName, noteId, noteFolderPathname are already resolved from parent component. We don't need to parse again. It will make our app slower.

? getFolderTooltip(folderName)
: getStorageTooltip(storageName)

const isActive =
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

active

return (
<FolderNavItemButton
title={tooltip}
href={path}
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

It is a button, not an anchor element


const tooltip = folderName
? getFolderTooltip(folderName)
: getStorageTooltip(storageName)
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

It is a folder nav item, not a storage item.

>
{storageName}
</FolderNavItem>
<FolderNavItem path={`/app/storages/${storageId}/notes/${noteId}`} />
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I'd like to introduce another component

@Rokt33r
Copy link
Copy Markdown
Member

Rokt33r commented Sep 2, 2020

I'll resolve the change requests by myself! Thanks for contributing!

@Rokt33r Rokt33r merged commit 811db3b into BoostIO:master Sep 3, 2020
@Rokt33r Rokt33r added this to the v0.10.0 milestone Sep 3, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants