Skip to content

Commit 31db8d7

Browse files
committed
fix skeleton types
1 parent d0d1d13 commit 31db8d7

File tree

2 files changed

+7
-10
lines changed

2 files changed

+7
-10
lines changed

catalog/app/containers/Search/Table/Skeleton.tsx

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,26 @@ import * as React from 'react'
22
import * as M from '@material-ui/core'
33
import * as Lab from '@material-ui/lab'
44

5-
interface SkeletonColumn {
5+
export interface Column {
66
key: React.Key
77
width: number
88
}
99

10-
interface SkeletonRow {
10+
export interface Row {
1111
key: React.Key
12-
columns: SkeletonColumn[]
12+
columns: Column[]
1313
}
1414

1515
const randomColumnWidth = (min: number = 80, max: number = 200) =>
1616
min + Math.floor(Math.random() * (max - min + 1))
1717

18-
const createColumns = (columnsLen: number): SkeletonColumn[] =>
18+
const createColumns = (columnsLen: number): Column[] =>
1919
Array.from({ length: columnsLen }).map((_c, key) => ({
2020
key,
2121
width: randomColumnWidth(),
2222
}))
2323

24-
export const useSkeletonSizes = (
25-
rowsLen: number = 30,
26-
columnsLen: number = 5,
27-
): SkeletonRow[] =>
24+
export const useSkeletonSizes = (rowsLen: number = 30, columnsLen: number = 5): Row[] =>
2825
React.useMemo(
2926
() =>
3027
Array.from({ length: rowsLen }).map((_r, key) => ({

catalog/app/containers/Search/Table/Table.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -269,7 +269,7 @@ const usePackageRowStyles = M.makeStyles((t) => ({
269269
interface PackageRowProps {
270270
hit: Hit
271271
columns: ColumnsMap
272-
skeletons?: { key: number; width: number }[]
272+
skeletons?: Skeleton.Column[]
273273
}
274274

275275
function PackageRow({ columns, hit, skeletons }: PackageRowProps) {
@@ -1124,7 +1124,7 @@ const useLayoutStyles = M.makeStyles((t) => ({
11241124
interface LayoutProps {
11251125
hits: readonly Hit[]
11261126
columns: ColumnsMap
1127-
skeletons: ReturnType<typeof Skeleton.useSkeletonSizes>
1127+
skeletons: Skeleton.Row[]
11281128
}
11291129

11301130
function Layout({ hits, columns, skeletons }: LayoutProps) {

0 commit comments

Comments
 (0)