feat(web): better UX when creating a new album

[Ethan13310]

This PR fixes something if find annoying:

Imagine you are sorting your thousands of photos into albums. You select Add to... > Album, then using the modal, you create a new album. You will be redirected to this album without being prompted. Now you have to go back and find yourself at the top of the "Photos" page, and have scroll again thousands of photos to where you previously were.

To fix this, a notification is now sent when adding assets to a new album, with a "View Album" button:

I also updated the search function to ignore accents:

[jrasm91]

The way this pattern works in google photos is a notification is shown, which has a button/link you can click to "View X". Our actions already have the ability to perform and action when they are clicked, so maybe that would be a better implementation.

[Ethan13310]

The way this pattern works in google photos is a notification is shown, which has a button/link you can click to "View X". Our actions already have the ability to perform and action when they are clicked, so maybe that would be a better implementation.

That would indeed be way better, less intrusive. However it seems notification cards cannot display a button (unlike Google Photos' ones), they can only be clickable, without any obvious hint to the user. I'll add a way to display a button then.

[waclaw66]

It would be nice to se new album name instead of "to new album" in the toast as well.

Added 11 assets into My new album
[Show album]

[Ethan13310]

I edited the PR description. The notification card now looks like this when a button is added:

To do this:

notificationController.show({
    // ...
    action: {
      type: 'link',
      button: 'Button Text',
      target: '/route/stuff'
    }
  });

If the button property is omitted, then the notification is clickable like it was before.

[Ethan13310]

It would be nice to se new album name instead of "to new album" in the toast as well.

Added 11 assets into My new album [Show album]

Like this?

[jrasm91]

Looks great but can it be View Album instead?

[Ethan13310]

Looks great but can it be View Album instead?

Yep, done!

[jrasm91]

Nice! This looks pretty clean to me. Although you could also do:

onClick: () => goto(...)

[jrasm91]

LGTM. I can try to test it out later unless someone picks it up first.