new-api

Author SHA1 Message Date

Author	SHA1	Message	Date
t0ng7u	3c1652ff9d	📱 feat(ui): Introduce responsive `CardTable` with mobile card view, dynamic skeletons & pagination 1. Add `web/src/components/common/ui/CardTable.js` • Renders Semi-UI `Table` on desktop; on mobile, transforms each row into a rounded `Card`. • Supports all standard `Table` props, including `rowSelection`, `scroll`, `pagination`, etc. • Adds mobile pagination via Semi-UI `Pagination`. • Implements a 500 ms minimum, active Skeleton loader that mimics real column layout (including operation-button row). 2. Replace legacy `Table` with `CardTable` • Updated all major data pages: Channels, MJ-Logs, Redemptions, Tokens, Task-Logs, Usage-Logs and Users. • Removed unused `Table` imports; kept behaviour on desktop unchanged. 3. UI polish • Right-aligned operation buttons and sensitive fields (e.g., token keys) inside mobile cards. • Improved Skeleton placeholders to better reflect actual UI hierarchy and preserve the active animation. These changes dramatically improve the mobile experience while retaining full functionality on larger screens.	2025-07-19 02:27:57 +08:00
t0ng7u	217c657e2b	🚀 feat(web/channels): Deep modular refactor of Channels table 1. Split monolithic `ChannelsTable` (2200+ LOC) into focused components • `channels/index.jsx` – composition entry • `ChannelsTable.jsx` – pure `<Table>` rendering • `ChannelsActions.jsx` – bulk & settings toolbar • `ChannelsFilters.jsx` – search / create / column-settings form • `ChannelsTabs.jsx` – type tabs • `ChannelsColumnDefs.js` – column definitions & render helpers • `modals/` – BatchTag, ColumnSelector, ModelTest modals 2. Extract domain hook • Moved `useChannelsData.js` → `src/hooks/channels/useChannelsData.js` – centralises state, API calls, pagination, filters, batch ops – now exports `setActivePage`, fixing tab / status switch errors 3. Update wiring • All sub-components consume data via `useChannelsData` props • Adjusted import paths after hook relocation 4. Clean legacy file • Legacy `components/table/ChannelsTable.js` now re-exports new module 5. Bug fixes • Tab switching, status filter & tag aggregation restored • Column selector & batch actions operate via unified hook This commit completes the first phase of modularising the Channels feature, laying groundwork for consistent, maintainable table architecture across the app.	2025-07-18 21:05:36 +08:00

t0ng7u

3c1652ff9d

📱 feat(ui): Introduce responsive CardTable with mobile card view, dynamic skeletons & pagination

1. Add `web/src/components/common/ui/CardTable.js`
   • Renders Semi-UI `Table` on desktop; on mobile, transforms each row into a rounded `Card`.
   • Supports all standard `Table` props, including `rowSelection`, `scroll`, `pagination`, etc.
   • Adds mobile pagination via Semi-UI `Pagination`.
   • Implements a 500 ms minimum, active Skeleton loader that mimics real column layout (including operation-button row).

2. Replace legacy `Table` with `CardTable`
   • Updated all major data pages: Channels, MJ-Logs, Redemptions, Tokens, Task-Logs, Usage-Logs and Users.
   • Removed unused `Table` imports; kept behaviour on desktop unchanged.

3. UI polish
   • Right-aligned operation buttons and sensitive fields (e.g., token keys) inside mobile cards.
   • Improved Skeleton placeholders to better reflect actual UI hierarchy and preserve the active animation.

These changes dramatically improve the mobile experience while retaining full functionality on larger screens.

2025-07-19 02:27:57 +08:00

t0ng7u

217c657e2b

🚀 feat(web/channels): Deep modular refactor of Channels table

1. Split monolithic `ChannelsTable` (2200+ LOC) into focused components
   • `channels/index.jsx` – composition entry
   • `ChannelsTable.jsx` – pure `<Table>` rendering
   • `ChannelsActions.jsx` – bulk & settings toolbar
   • `ChannelsFilters.jsx` – search / create / column-settings form
   • `ChannelsTabs.jsx` – type tabs
   • `ChannelsColumnDefs.js` – column definitions & render helpers
   • `modals/` – BatchTag, ColumnSelector, ModelTest modals

2. Extract domain hook
   • Moved `useChannelsData.js` → `src/hooks/channels/useChannelsData.js`
     – centralises state, API calls, pagination, filters, batch ops
     – now exports `setActivePage`, fixing tab / status switch errors

3. Update wiring
   • All sub-components consume data via `useChannelsData` props
   • Adjusted import paths after hook relocation

4. Clean legacy file
   • Legacy `components/table/ChannelsTable.js` now re-exports new module

5. Bug fixes
   • Tab switching, status filter & tag aggregation restored
   • Column selector & batch actions operate via unified hook

This commit completes the first phase of modularising the Channels feature, laying groundwork for consistent, maintainable table architecture across the app.

2025-07-18 21:05:36 +08:00

2 Commits