INNER CODE UNIT · TypeScript

useBreakpoint

libnyanpasu/clash-nyanpasu · frontend/hooks/src/index.ts:51

export const useBreakpoint = (): Breakpoint =>
  useSyncExternalStore(subscribeBreakpoint, getBreakpoint)

type BreakpointValues<T> = Partial<Record<Breakpoint, T>>

const getBreakpointFromWidth = (width: number): Breakpoint => {
  for (let i = BREAKPOINT_ORDER.length - 1; i >= 0; i--) {
    const breakpoint = BREAKPOINT_ORDER[i]

    if (width >= BREAKPOINT_VALUES[breakpoint]) {
      return breakpoint
    }
  }

  return 'xs'
}

const resolveBreakpointValue = <T>(

View source record →