Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-08 07:12:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

[BUGFIX] Only show list view header on list view

Browse source
This commit is contained in:
Jamie Pine 2023-02-24 22:26:59 -08:00
parent 677e1b63e9
commit 9aa2832530
No known key found for this signature in database
1 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
packages/interface/src/components/explorer/VirtualizedList.tsx
View file

@ -94,6 +94,8 @@ export const VirtualizedList = memo(({ data, context, onScroll }: Props) => {
getExplorerStore().selectedRowIndex = explorerStore.selectedRowIndex + 1; getExplorerStore().selectedRowIndex = explorerStore.selectedRowIndex + 1;
}); });
const layoutMode = explorerStore.layoutMode;
return ( return (
<div style={{ marginTop: -TOP_BAR_HEIGHT }} className="w-full cursor-default pl-4"> <div style={{ marginTop: -TOP_BAR_HEIGHT }} className="w-full cursor-default pl-4">
<div <div
@ -105,23 +107,24 @@ export const VirtualizedList = memo(({ data, context, onScroll }: Props) => {
> >
<div <div
ref={innerRef} ref={innerRef}
className="relative w-full"
style={{ style={{
height: rowVirtualizer.getTotalSize(), height: rowVirtualizer.getTotalSize(),
marginTop: TOP_BAR_HEIGHT + LIST_VIEW_HEADER_HEIGHT marginTop:
layoutMode === 'list' ? TOP_BAR_HEIGHT + LIST_VIEW_HEADER_HEIGHT : TOP_BAR_HEIGHT
}} }}
className="relative w-full"
> >
<ListViewHeader /> {layoutMode === 'list' && <ListViewHeader />}
{rowVirtualizer.getVirtualItems().map((virtualRow) => ( {rowVirtualizer.getVirtualItems().map((virtualRow) => (
<div <div
key={virtualRow.key}
className="absolute top-0 left-0 flex w-full"
style={{ style={{
height: `${virtualRow.size}px`, height: virtualRow.size,
transform: `translateY(${virtualRow.start}px)` transform: `translateY(${virtualRow.start}px)`
}} }}
className="absolute top-0 left-0 flex w-full"
key={virtualRow.key}
> >
{explorerStore.layoutMode === 'list' && ( {layoutMode === 'list' && (
<WrappedItem <WrappedItem
kind="list" kind="list"
isSelected={explorerStore.selectedRowIndex === virtualRow.index} isSelected={explorerStore.selectedRowIndex === virtualRow.index}
@ -129,7 +132,7 @@ export const VirtualizedList = memo(({ data, context, onScroll }: Props) => {
item={data[virtualRow.index]!} item={data[virtualRow.index]!}
/> />
)} )}
{explorerStore.layoutMode === 'grid' && {layoutMode === 'grid' &&
[...Array(amountOfColumns)].map((_, i) => { [...Array(amountOfColumns)].map((_, i) => {
const index = virtualRow.index * amountOfColumns + i; const index = virtualRow.index * amountOfColumns + i;
const item = data[index]; const item = data[index];