KKcorps opened a new pull request, #16117: URL: https://github.com/apache/pinot/pull/16117
This pull request enhances the user interface of several components in the Pinot Controller application by introducing a new StatusFilter component, improving layout flexibility with additional controls, and refining styling for better usability. The changes focus on improving filtering capabilities, enhancing component layouts, and adding reusable styles. New Feature: Status Filter Component Added a new StatusFilter component to allow filtering of segments by status, with customizable options and styled dropdowns (pinot-controller/src/main/resources/app/components/StatusFilter.tsx). Integrated the StatusFilter into the TenantDetails page to enable filtering of segment lists based on their status (pinot-controller/src/main/resources/app/pages/TenantDetails.tsx). [[1]](https://github.com/apache/pinot/pull/16085/files#diff-54e1a88337831f6e1053c9c24d03de0accbd9928aca0a97028c81dfb444d1f50R53) [[2]](https://github.com/apache/pinot/pull/16085/files#diff-54e1a88337831f6e1053c9c24d03de0accbd9928aca0a97028c81dfb444d1f50R161-R184) [[3]](https://github.com/apache/pinot/pull/16085/files#diff-54e1a88337831f6e1053c9c24d03de0accbd9928aca0a97028c81dfb444d1f50L872-R898) [[4]](https://github.com/apache/pinot/pull/16085/files#diff-54e1a88337831f6e1053c9c24d03de0accbd9928aca0a97028c81dfb444d1f50R907-R919) Layout Enhancements Updated SimpleAccordion to support a new additionalControls prop, allowing flexible placement of additional UI elements like filters or buttons (pinot-controller/src/main/resources/app/components/SimpleAccordion.tsx). [[1]](https://github.com/apache/pinot/pull/16085/files#diff-f9c90cd35e210cf399af6b4e56c7704513b449ed9827851934968b9101cc0856L74-R95) [[2]](https://github.com/apache/pinot/pull/16085/files#diff-f9c90cd35e210cf399af6b4e56c7704513b449ed9827851934968b9101cc0856L86-R114) [[3]](https://github.com/apache/pinot/pull/16085/files#diff-f9c90cd35e210cf399af6b4e56c7704513b449ed9827851934968b9101cc0856L123-R173) Modified TableToolbar to include an additionalControls prop and a new layout for controls, improving the toolbar's flexibility (pinot-controller/src/main/resources/app/components/TableToolbar.tsx). [[1]](https://github.com/apache/pinot/pull/16085/files#diff-534098bcb31ef5b014cc2a3be27c8dbb92d51428a6adf59985ab97342d363f69R36-R46) [[2]](https://github.com/apache/pinot/pull/16085/files#diff-534098bcb31ef5b014cc2a3be27c8dbb92d51428a6adf59985ab97342d363f69R55-R64) [[3]](https://github.com/apache/pinot/pull/16085/files#diff-534098bcb31ef5b014cc2a3be27c8dbb92d51428a6adf59985ab97342d363f69L75-R107) Styling Improvements Added new reusable styles for dropdowns, chips, and status indicators in the StatusFilter component to ensure consistent design across the application (pinot-controller/src/main/resources/app/components/StatusFilter.tsx). Enhanced the Table component with new styles for chips and status indicators, and integrated additionalControls for better layout customization (pinot-controller/src/main/resources/app/components/Table.tsx). [[1]](https://github.com/apache/pinot/pull/16085/files#diff-03bed4380974cba920c12b2b47d9c3bd540b47f1e4dcc9f6ef691011b0d97f22R171-R178) [[2]](https://github.com/apache/pinot/pull/16085/files#diff-03bed4380974cba920c12b2b47d9c3bd540b47f1e4dcc9f6ef691011b0d97f22R619-R629) [[3]](https://github.com/apache/pinot/pull/16085/files#diff-03bed4380974cba920c12b2b47d9c3bd540b47f1e4dcc9f6ef691011b0d97f22R645) These changes collectively improve the user experience by making the UI more customizable, visually appealing, and functional for filtering and managing data. https://github.com/user-attachments/assets/27718048-4365-4aaf-be05-8e217866e425 -- 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: commits-unsubscr...@pinot.apache.org For queries about this service, please contact Infrastructure at: us...@infra.apache.org --------------------------------------------------------------------- To unsubscribe, e-mail: commits-unsubscr...@pinot.apache.org For additional commands, e-mail: commits-h...@pinot.apache.org
