| Name |
Last commit
|
Last Update |
|---|---|---|
| .. | ||
| modals | ||
| UsageLogsActions.jsx | ||
| UsageLogsColumnDefs.js | ||
| UsageLogsFilters.jsx | ||
| UsageLogsTable.jsx | ||
| index.jsx |
Summary • Swapped out the obsolete `<Spin>` loader for a modern, animated Semi-UI `<Skeleton>` implementation in `UsageLogsActions.jsx`. Details 1. Added animated Skeleton placeholders mirroring real Tag sizes (108 × 26, 65 × 26, 64 × 26). 2. Introduced `showSkeleton` state with 500 ms minimum display to eliminate flicker. 3. Leveraged existing `showStat` flag to decide when real data is ready. 4. Ensured only the three Tags are under loading state - `CompactModeToggle` renders immediately. 5. Adopted CardTable‐style `Skeleton` pattern (`loading` + `placeholder`) for consistency. 6. Removed all references to the original `Spin` component. Outcome A smoother and more consistent loading experience across devices, aligning UI behaviour with the project’s latest Skeleton standards.
| Name |
Last commit
|
Last Update |
|---|---|---|
| .. | ||
| modals | Loading commit data... | |
| UsageLogsActions.jsx | Loading commit data... | |
| UsageLogsColumnDefs.js | Loading commit data... | |
| UsageLogsFilters.jsx | Loading commit data... | |
| UsageLogsTable.jsx | Loading commit data... | |
| index.jsx | Loading commit data... |