Skip to content

Commit 853672a

Browse files
charislamjoshenlim
andauthored
fix(storage ui v2): virtualize files buckets table (supabase#40021)
* refactor(infinite list): use @tanstack/react-virtual for virtualization Swapping virtualization libraries from `react-window` to `@tanstack/react-virtual`. Motivation: we need a completely headless library for maximum flexibility. `react-window` injects extra DOM elements which makes it hard to customize styling and placement on elements that are very picky about their DOM structure, like tables. * refactor(table editor menu): use new infinite list * refactor(notifications): use new infinite list * cleanup(infinite list): remove old infinite list * refactor(storage menu): use new infinite list & remove react-window deps * fix(storage ui v2): virtualize files buckets table * refactor(virtualized table): make virtualized table a general ui component Make virtualized table a general UI component and refactor FilesBuckets to use VirtualizedTable. * Fix header bg color, add sort to files buckets, sort bucket list * Smol fix * nit * fix(storage buckets list): keep unvirtualized if user has <= 50 buckets * Break up FilesBuckets into smaller components * Nit --------- Co-authored-by: Joshen Lim <[email protected]>
1 parent ddedae5 commit 853672a

File tree

9 files changed

+685
-227
lines changed

9 files changed

+685
-227
lines changed

apps/studio/components/interfaces/Storage/FilesBuckets.tsx

Lines changed: 0 additions & 223 deletions
This file was deleted.

0 commit comments

Comments
 (0)