ChannelsTable.js
65 KB
-
🎨 refactor(TokensTable): refactor TokensTable UI & UX for clearer data and inline actions · 7b271bb1This commit overhauls the `TokensTable` component to deliver a cleaner, more intuitive experience. Key changes 1. Quota • Merged “Used” & “Remaining” into a single “Quota” column. • Uses a circular `Progress` with %-label; full details shown on tooltip. 2. Status • Tag now embeds a small `Switch` (prefixIcon) to enable/disable a token in-place. • Removed enable/disable actions from the old dropdown. 3. Columns & layout • Added dedicated “Group” column (moved from Status). • Added “Key” column: – Read-only `Input` styled like Home page base-URL field. – Masked value (`sk-abc********xyz`) by default. – Eye button toggles reveal/hide; Copy button copies full key (without modal). • Dropped “More” menu; Delete is now a direct button in the action area. 4. Model limits • Shows vendor icons inside an `AvatarGroup`; tooltip lists the exact models. 5. IP restriction • Displays first IP, extra count as “+N” Tag with tooltip. • Unlimited shows white Tag. 6. Cleanup / misc. • Removed unused helpers (`getQuotaPerUnit`), icons (`IconMore`, eye/copy duplicates, etc.). • Replaced legacy modal view of key with inline input behaviour. • Tweaked paddings, themes, sizes to align with design system. BREAKING CHANGE: Table column order & names have changed; update any tests or docs referencing the old structure.t0ng7u committed