kasiazjc commented on PR #33301: URL: https://github.com/apache/superset/pull/33301#issuecomment-2909557556
> Might want to use AntD's `<Transfer />` component for large list like this -> https://ant.design/components/transfer > > <img alt="Screenshot 2025-05-23 at 1 29 04 PM" width="877" src="https://private-user-images.githubusercontent.com/487433/447167956-aa4a8b6f-6a55-435a-8caa-0e059c7389d0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NDgyNjA1OTIsIm5iZiI6MTc0ODI2MDI5MiwicGF0aCI6Ii80ODc0MzMvNDQ3MTY3OTU2LWFhNGE4YjZmLTZhNTUtNDM1YS04Y2FhLTBlMDU5YzczODlkMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwNTI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDUyNlQxMTUxMzJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02NzNhZjdhMmQyNDI5NTMyOTk3NDVjNGM1ZDU2Yzc4MGMyNDg0YjkxMzJlYjk1NzhiODQ5ZjcxZjhkMWMxNmI5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.51Q_sRpA4A1JmfhD30wgwEkaV7aW9rKOlvFzO2NOcdw";> > @kasiazjc what do you think? > > Same goes for similar lists in all the RBAC-related forms, the Transfer component has numerous options, including showing a table with multiple fields in the lists, say you could show user name, email, avatar, ... Probably needs a bit of design as to what exactly we bring in here and what props we use in that Transfer component I like the idea and the table makes a lot of sense to provide user with more context, but I think it would be problematic to show in a modal. It would take a lot of space to do it properly (width), so I would use compact component with search at the top. I can also see how this component can be bulky and having two below each other can be overwhelming, but not agains it. Thoughts @mistercrunch ? -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
![https://private-user-images.githubusercontent.com/487433/447167956-aa4a8b6f-6a55-435a-8caa-0e059c7389d0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NDgyNjA1OTIsIm5iZiI6MTc0ODI2MDI5MiwicGF0aCI6Ii80ODc0MzMvNDQ3MTY3OTU2LWFhNGE4YjZmLTZhNTUtNDM1YS04Y2FhLTBlMDU5YzczODlkMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwNTI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDUyNlQxMTUxMzJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02NzNhZjdhMmQyNDI5NTMyOTk3NDVjNGM1ZDU2Yzc4MGMyNDg0YjkxMzJlYjk1NzhiODQ5ZjcxZjhkMWMxNmI5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.51Q_sRpA4A1JmfhD30wgwEkaV7aW9rKOlvFzO2NOcdw"](https://private-user-images.githubusercontent.com/487433/447167956-aa4a8b6f-6a55-435a-8caa-0e059c7389d0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NDgyNjA1OTIsIm5iZiI6MTc0ODI2MDI5MiwicGF0aCI6Ii80ODc0MzMvNDQ3MTY3OTU2LWFhNGE4YjZmLTZhNTUtNDM1YS04Y2FhLTBlMDU5YzczODlkMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwNTI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDUyNlQxMTUxMzJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02NzNhZjdhMmQyNDI5NTMyOTk3NDVjNGM1ZDU2Yzc4MGMyNDg0YjkxMzJlYjk1NzhiODQ5ZjcxZjhkMWMxNmI5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.51Q_sRpA4A1JmfhD30wgwEkaV7aW9rKOlvFzO2NOcdw"){kind=link}