Sergey Krylov
cfadb2adbe
- Create code-first route tree in src/app/routing/routeTree.tsx - Replace ProtectedRoute with beforeLoad auth guards - Add useSearchParamsCompat for URLSearchParams access - Update App.tsx, layouts, and all page/widget imports - Add frontend tooling: biome, prettier, env config - Update all tests for TanStack Router compatibility - Remove react-router-dom dependency, @tanstack/router-plugin - Consolidate biome config at root level
26 lines
633 B
TypeScript
26 lines
633 B
TypeScript
import { Skeleton } from '@moex-vibe/design-system'
|
|
|
|
const tdStyle = {
|
|
borderBottom: '1px solid #eeeeee',
|
|
padding: '10px 8px',
|
|
verticalAlign: 'top',
|
|
} satisfies React.CSSProperties
|
|
|
|
type Column = { width: string }
|
|
|
|
export function TableSkeleton({ rows = 5, columns }: { rows?: number; columns: Column[] }) {
|
|
return (
|
|
<tbody>
|
|
{Array.from({ length: rows }).map((_, i) => (
|
|
<tr key={i}>
|
|
{columns.map((col, j) => (
|
|
<td key={j} style={tdStyle}>
|
|
<Skeleton height={12} width={col.width} shape="text" />
|
|
</td>
|
|
))}
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
)
|
|
}
|