KKcorps opened a new pull request, #16085: URL: https://github.com/apache/pinot/pull/16085
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]](diffhunk://#diff-54e1a88337831f6e1053c9c24d03de0accbd9928aca0a97028c81dfb444d1f50R53) [[2]](diffhunk://#diff-54e1a88337831f6e1053c9c24d03de0accbd9928aca0a97028c81dfb444d1f50R161-R184) [[3]](diffhunk://#diff-54e1a88337831f6e1053c9c24d03de0accbd9928aca0a97028c81dfb444d1f50L872-R898) [[4]](diffhunk://#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]](diffhunk://#diff-f9c90cd35e210cf399af6b4e56c7704513b449ed9827851934968b9101cc0856L74-R95) [[2]](diffhunk://#diff-f9c90cd35e210cf399af6b4e56c7704513b449ed9827851934968b9101cc0856L86-R114) [[3]](diffhunk://#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]](diffhunk://#diff-534098bcb31ef5b014cc2a3be27c8dbb92d51428a6adf59985ab97342d363f69R36-R46) [[2]](diffhunk://#diff-534098bcb31ef5b014cc2a3be27c8dbb92d51428a6adf59985ab97342d363f69R55-R64) [[3]](diffhunk://#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]](diffhunk://#diff-03bed4380974cba920c12b2b47d9c3bd540b47f1e4dcc9f6ef691011b0d97f22R171-R178) [[2]](diffhunk://#diff-03bed4380974cba920c12b2b47d9c3bd540b47f1e4dcc9f6ef691011b0d97f22R619-R629) [[3]](diffhunk://#diff-03bed4380974cba920c12b2b47d9c3bd540b47f1e4dcc9f6ef691011b0d97f22R645) These changes collectively improve the user experience by making the UI more customizable, visually appealing, and functional for filtering and managing data. -- 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
