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

   1 import { useCallback, 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, useDriveSharingFlags } 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  * useSharedLinksView provides data for shared links by URL view (file browser of shared links).
  20  */
  21 export default function useSharedLinksView(shareId: string) {
  22     const { getDefaultShare } = useDefaultShare();
  23     const volumeId = useRef<string>();
  24     const [isLoading, withLoading] = useLoading(true);
  25     const { isSharingInviteAvailable } = useDriveSharingFlags();
  26     const linksListing = useLinksListing();
  27     const loadSharedLinks = useCallback(
  28         async (signal: AbortSignal) => {
  29             const defaultShare = await getDefaultShare(signal);
  30             volumeId.current = defaultShare.volumeId;
  31             if (isSharingInviteAvailable) {
  32                 await linksListing.loadLinksSharedByMeLink(signal, defaultShare.volumeId);
  33             } else {
  34                 await linksListing.loadLinksSharedByLinkLEGACY(signal, defaultShare.volumeId);
  35             }
  36         },
  37         [isSharingInviteAvailable]
  38     ); //TODO: No all deps params as too much work needed in linksListing
  39     const abortSignal = useAbortSignal([shareId, withLoading, loadSharedLinks]);
  40
  41     const { links: sharedLinks, isDecrypting } = linksListing.getCachedSharedByLink(abortSignal, volumeId.current);
  42     const cachedSharedLinks = useMemoArrayNoMatterTheOrder(sharedLinks);
  43
  44     const { layout } = useUserSettings();
  45     const { sortedList, sortParams, setSorting } = useSortingWithDefault(cachedSharedLinks, DEFAULT_SORT);
  46
  47     useEffect(() => {
  48         const ac = new AbortController();
  49         void withLoading(loadSharedLinks(ac.signal).catch(sendErrorReport));
  50         return () => {
  51             ac.abort();
  52         };
  53     }, []);
  54
  55     return {
  56         layout,
  57         items: sortedList,
  58         sortParams,
  59         setSorting,
  60         isLoading: isLoading || isDecrypting,
  61     };
  62 }