Add persistent notification with dismiss and action button #611

Merged
ThibautGrx merged 10 commits from feature/persistent-notification into main 2024-04-17 01:33:51 +08:00
ThibautGrx commented 2024-04-10 19:39:01 +08:00 (Migrated from github.com)
closes https://github.com/maybe-finance/maybe/issues/597
ThibautGrx commented 2024-04-15 20:46:21 +08:00 (Migrated from github.com)

Maybe notification partial is becoming a little complex ... Do you want me to rework code ? create partials , helpers ?

Maybe notification partial is becoming a little complex ... Do you want me to rework code ? create partials , helpers ?
zachgoll (Migrated from github.com) reviewed 2024-04-16 00:04:07 +08:00
zachgoll (Migrated from github.com) left a comment

Looking good, thanks for tackling this one!

Just a few things that I think we need to address before merging:

Styling

There are a few inconsistencies between this and the design file (also check spelling):

CleanShot 2024-04-15 at 11 55 48

vs.

CleanShot 2024-04-15 at 11 57 20

Here's the official spec for this one: https://www.figma.com/file/lonJmVk3HYkwZoIO7xYP2w/Maybe-App-(Community)?node-id=2568%3A2765&mode=dev

I18n

For default messages like "Dismiss" in the _notification partial, I think we should add to a localization file.

Looking good, thanks for tackling this one! Just a few things that I think we need to address before merging: ## Styling There are a few inconsistencies between this and the design file (also check spelling): ![CleanShot 2024-04-15 at 11 55 48](https://github.com/maybe-finance/maybe/assets/16676157/1bc6c5e9-0c21-43b7-b753-ae73ce10805c) vs. ![CleanShot 2024-04-15 at 11 57 20](https://github.com/maybe-finance/maybe/assets/16676157/24e899d2-13d2-40e8-ae34-c3114bf84dc7) Here's the official spec for this one: https://www.figma.com/file/lonJmVk3HYkwZoIO7xYP2w/Maybe-App-(Community)?node-id=2568%3A2765&mode=dev ## I18n For default messages like "Dismiss" in the `_notification` partial, I think we should add to a localization file.
@@ -1,23 +1,42 @@
<%# locals: (type: "success", content:) -%>
<%# locals: (type: "success", content: { title: '', body: ''}, action: { label:'' , url:'' }, options: { auto_dismiss: true }) -%>
zachgoll (Migrated from github.com) commented 2024-04-15 23:52:09 +08:00

I think we will generally want to avoid dynamic Tailwind class strings like this so the JIT compiler can recognize the classes that need to be included:

https://tailwindcss.com/docs/content-configuration#dynamic-class-names

I think we will generally want to avoid dynamic Tailwind class strings like this so the JIT compiler can recognize the classes that need to be included: https://tailwindcss.com/docs/content-configuration#dynamic-class-names
ThibautGrx commented 2024-04-16 16:46:31 +08:00 (Migrated from github.com)

Thanks for the review. I've tried to reproduce the spec, I hope it will be better.

Thanks for the review. I've tried to reproduce the spec, I hope it will be better.
zachgoll (Migrated from github.com) approved these changes 2024-04-17 01:33:31 +08:00
zachgoll (Migrated from github.com) left a comment

Nice, looks good now!

Nice, looks good now!
Sign in to join this conversation.