Skip to content

Conversation

msyavuz
Copy link
Member

@msyavuz msyavuz commented Sep 20, 2025

SUMMARY

Replace the toast implementation with Ant Design notifications.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:
image

After:
image

TESTING INSTRUCTIONS

Visual testing

ADDITIONAL INFORMATION

  • Has associated issue:
  • Required feature flags:
  • Changes UI
  • Includes DB Migration (follow approval process in SIP-59)
    • Migration is atomic, supports rollback & is backwards-compatible
    • Confirm DB migration upgrade and downgrade tested
    • Runtime estimates and downtime expectations provided
  • Introduces new feature or API
  • Removes existing feature or API

Copy link

korbit-ai bot commented Sep 20, 2025

Based on your review schedule, I'll hold off on reviewing this PR until it's marked as ready for review. If you'd like me to take a look now, comment /korbit-review.

Your admin can change your review schedule in the Korbit Console

@msyavuz msyavuz changed the title feat(Notification): add Ant Design notifications refactor(Notification): use Ant Design notifications for toasts Sep 20, 2025
@msyavuz msyavuz marked this pull request as ready for review September 20, 2025 17:42
Copy link

@korbit-ai korbit-ai bot left a comment

Choose a reason for hiding this comment

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

Review by Korbit AI

Korbit automatically attempts to detect when you fix issues in new commits.
Category Issue Status
Design Unnecessary function wrappers ▹ view ✅ Fix detected
Files scanned
File Path Reviewed
superset-frontend/src/views/menu.tsx
superset-frontend/src/views/RootContextProviders.tsx
superset-frontend/src/embedded/EmbeddedContextProviders.tsx
superset-frontend/src/components/MessageToasts/ToastContainer.tsx
superset-frontend/src/components/MessageToasts/NotificationProvider.tsx
superset-frontend/packages/superset-ui-core/src/components/index.ts
superset-frontend/src/embedded/index.tsx

Explore our documentation to understand the languages and file types we support and the files we ignore.

Check out our docs on how you can make Korbit work best for you and your team.

Loving Korbit!? Share us on LinkedIn Reddit and X

Comment on lines 67 to 78
const value = useMemo<NotificationContextType>(
() => ({
api,
success: args => api.success(args),
error: args => api.error(args),
warning: args => api.warning(args),
info: args => api.info(args),
open: args => api.open(args),
destroy: (key?: string) => api.destroy(key),
}),
[api],
);

This comment was marked as resolved.

@dosubot dosubot bot added the change:frontend Requires changing the frontend label Sep 20, 2025
@rusackas
Copy link
Member

Can we get rid of some of this extra padding at the bottom?
Pasted_Image_9_22_25__10_49 AM

@mistercrunch
Copy link
Member

Would be surprised if it looked this way in vanilla antd ... styles spilling over?

@msyavuz
Copy link
Member Author

msyavuz commented Sep 23, 2025

I don't think its styles spilling over, we are only using the message but we should be using description as well it was fixed in recent antd versions. I will update the screenshots to better reflect proper usage afterfixing it

@msyavuz msyavuz force-pushed the msyavuz/fix/refactor-notifications branch from 84cc5b0 to d200b24 Compare September 23, 2025 19:35
@msyavuz
Copy link
Member Author

msyavuz commented Sep 23, 2025

Recent antd version causes a lot of test failures, i say we merge with the bottom padding now, it will be fixed as a byproduct when ant design gets upgraded. @rusackas

@mistercrunch
Copy link
Member

Recent antd version causes a lot of test failures

Oh no! is it a major version? What seems to be the pattern behind these errors?

@msyavuz
Copy link
Member Author

msyavuz commented Sep 23, 2025

Oops, since i force pushed all those are not visible on the pr now. https://github.com/apache/superset/actions/runs/17945544416?pr=35222

Recent antd version causes a lot of test failures

Oh no! is it a major version? What seems to be the pattern behind these errors?

It's a minor version but that minor bump seems to render a bunch of things twice for some reason

@mistercrunch
Copy link
Member

That's a bit concerning, I guess we'll have to deal with it at some point ...

@mistercrunch
Copy link
Member

Whatever temporary fix we set for style we should TODO / comment around referencing the issue if there's one or PR comment above directly

@msyavuz
Copy link
Member Author

msyavuz commented Sep 23, 2025

I will give upgrading ant design a go on this pr. You’re right that it’s something we’ll need to tackle sooner or later, so I might as well make life easier for future me

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
change:frontend Requires changing the frontend packages size/XL
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants