shared/fs/browser/sort-state.tsx - master - githubmirror/client

shared/fs/browser/sort-state.tsx
57 строк2 KB
chrisnojima-zoom
Version 670 - clean2 (#29122)
08 июн 2026, 19:31
08 июн 2026, 19:311943197
import * as React from 'react'
import * as Constants from '@/constants/fs'
import * as T from '@/constants/types'
import {useCurrentUserState} from '@/stores/current-user'

type BrowserSortContextType = {
  setSortSetting: (path: T.FS.Path, sortSetting: T.FS.SortSetting) => void
  sortSettings: ReadonlyMap<T.FS.Path, T.FS.SortSetting>
}

const BrowserSortContext = React.createContext<BrowserSortContextType | null>(null)

const getDefaultSortSetting = (path: T.FS.Path) =>
  T.FS.getPathLevel(path) < 3
    ? Constants.defaultTlfListPathUserSetting.sort
    : Constants.defaultPathUserSetting.sort

export const useFsBrowserSort = (path: T.FS.Path) => {
  const context = React.useContext(BrowserSortContext)
  return {
    setSortSetting: context?.setSortSetting ?? (() => {}),
    sortSetting: context?.sortSettings.get(path) ?? getDefaultSortSetting(path),
  }
}

export const FsBrowserSortProvider = ({children}: {children: React.ReactNode}) => {
  const username = useCurrentUserState(s => s.username)
  const usernameRef = React.useRef(username)
  const [sortSettings, setSortSettings] = React.useState<ReadonlyMap<T.FS.Path, T.FS.SortSetting>>(
    () => new Map()
  )

  React.useEffect(() => {
    if (usernameRef.current === username) {
      return
    }
    usernameRef.current = username
    setSortSettings(new Map())
  }, [username])

  const setSortSetting = (path: T.FS.Path, sortSetting: T.FS.SortSetting) => {
    setSortSettings(prevSortSettings => {
      if (prevSortSettings.get(path) === sortSetting) {
        return prevSortSettings
      }
      const nextSortSettings = new Map(prevSortSettings)
      nextSortSettings.set(path, sortSetting)
      return nextSortSettings
    })
  }

  return (
    <BrowserSortContext.Provider value={{setSortSetting, sortSettings}}>
      {children}
    </BrowserSortContext.Provider>
  )
}