diff --git a/dev-todos.txt b/dev-todos.txt index e4ed8a1..68cfe5e 100644 --- a/dev-todos.txt +++ b/dev-todos.txt @@ -1,5 +1,4 @@ * Use accessible click targets for item lists! Honestly, can they be checkboxes? -* Update skeletons for ItemList and ItemsPanel * Use react-virtualized instead of our own scroller, but we need total count known, and we need another solution for the CSS transitions in the outfit case * Restore good download behavior: use crossOrigin for everything, and remove cache-buster in the URL we use for canvas * Undo the local linking we did for @chakra-ui/core, react, and react-dom on Matchu's machine 😅 diff --git a/src/ItemList.js b/src/ItemList.js index 3412f52..7ad9b06 100644 --- a/src/ItemList.js +++ b/src/ItemList.js @@ -42,13 +42,13 @@ function ItemList({ items, outfitState, dispatchToOutfit }) { function ItemListSkeleton({ count }) { return ( - + {Array.from({ length: count }).map((_, i) => ( - + ))} - + ); } diff --git a/src/ItemsPanel.js b/src/ItemsPanel.js index dc9cc4c..88c1213 100644 --- a/src/ItemsPanel.js +++ b/src/ItemsPanel.js @@ -28,7 +28,7 @@ function ItemsPanel({ outfitState, loading, dispatchToOutfit }) { {loading && [1, 2, 3].map((i) => ( - +