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

[ENG-1812] Fix recents page render (#2579)

Browse source 
Fix recents page render
This commit is contained in:
ameer2468 2024-07-03 19:35:06 +03:00 committed by GitHub
parent 6db8949172
commit 31e710e6a0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
interface/app/$libraryId/Explorer/index.tsx
View file

@ -6,7 +6,7 @@ import {
useRspcLibraryContext,
useSelector
} from '@sd/client';
import { CSSProperties, type PropsWithChildren, type ReactNode } from 'react';
import { CSSProperties, useEffect, type PropsWithChildren, type ReactNode } from 'react';
import { useShortcut } from '~/hooks';
import { useTopBarContext } from '../TopBar/Context';

13
interface/app/$libraryId/recents.tsx
View file

@ -1,4 +1,4 @@
import { useMemo } from 'react';
import { useEffect, useMemo, useState } from 'react';
import { ObjectOrder, objectOrderingKeysSchema } from '@sd/client';
import { Icon } from '~/components';
import { useLocale, useRouteTitle } from '~/hooks';
@ -17,6 +17,8 @@ import { TopBarPortal } from './TopBar/Portal';
export function Component() {
useRouteTitle('Recents');
const [_, setForceRender] = useState(false);
const explorerSettings = useExplorerSettings({
settings: useMemo(() => {
return createDefaultExplorerSettings<ObjectOrder>({ order: null });
@ -48,6 +50,12 @@ export function Component() {
settings: explorerSettings
});
//this forces a re-render so that the explorer can update and show the objects
//since this is a recents page issue only - this is sufficient unless otherwise
useEffect(() => {
setForceRender((prev) => !prev);
}, [items.query.isFetching]);
return (
<ExplorerContextProvider explorer={explorer}>
<SearchContextProvider search={search}>
@ -68,8 +76,7 @@ export function Component() {
)}
</TopBarPortal>
</SearchContextProvider>
<Explorer
<Explorer
emptyNotice={
<EmptyNotice
icon={<Icon name="Collection" size={128} />}