applications/drive/src/app/store/_views/useTrashView.ts

   1 import { useEffect, useRef } from 'react';
   2
   3 import { useLoading } from '@proton/hooks';
   4 import { SORT_DIRECTION } from '@proton/shared/lib/constants';
   5
   6 import { sendErrorReport } from '../../utils/errorHandling';
   7 import { useLinksListing } from '../_links';
   8 import { useUserSettings } from '../_settings';
   9 import { useDefaultShare } from '../_shares';
  10 import { useAbortSignal, useMemoArrayNoMatterTheOrder, useSortingWithDefault } from './utils';
  11 import type { SortField } from './utils/useSorting';
  12
  13 const DEFAULT_SORT = {
  14     sortField: 'name' as SortField,
  15     sortOrder: SORT_DIRECTION.ASC,
  16 };
  17
  18 /**
  19  * useTrashView provides data for trash view (file browser of trash).
  20  */
  21 export default function useTrashView() {
  22     const abortSignal = useAbortSignal();
  23     const { getDefaultShare } = useDefaultShare();
  24     const [isLoading, withLoading] = useLoading(true);
  25     const volumeId = useRef<string>();
  26
  27     const linksListing = useLinksListing();
  28     const { links: trashedLinks, isDecrypting } = linksListing.getCachedTrashed(abortSignal, volumeId.current);
  29     const cachedTrashedLinks = useMemoArrayNoMatterTheOrder(trashedLinks);
  30
  31     const { layout } = useUserSettings();
  32     const { sortedList, sortParams, setSorting } = useSortingWithDefault(cachedTrashedLinks, DEFAULT_SORT);
  33
  34     const loadTrashListing = async (signal: AbortSignal) => {
  35         const defaultShare = await getDefaultShare(signal);
  36         volumeId.current = defaultShare.volumeId;
  37         await linksListing.loadTrashedLinks(signal, defaultShare.volumeId);
  38     };
  39
  40     useEffect(() => {
  41         const ac = new AbortController();
  42         void withLoading(loadTrashListing(ac.signal)).catch(sendErrorReport);
  43         return () => {
  44             ac.abort();
  45         };
  46     }, []);
  47
  48     return {
  49         layout,
  50         items: sortedList,
  51         sortParams,
  52         setSorting,
  53         isLoading: isLoading || isDecrypting,
  54     };
  55 }