use-lift-mode.ts — ui Source File

Architecture documentation for use-lift-mode.ts, a typescript file in the ui codebase. 2 imports, 0 dependents.

File typescript ComponentRegistry Styles 2 imports 1 functions

Entity Profile

ComponentRegistry→ Styles→ use-lift-mode.ts — ui Source File

Dependency Diagram

graph LR
  ded66567_a088_0ea1_ed4d_41ba34a9fe46["use-lift-mode.ts"]
  cba8a664_3253_9b8c_8abe_9f0e33bbc037["jotai"]
  ded66567_a088_0ea1_ed4d_41ba34a9fe46 --> cba8a664_3253_9b8c_8abe_9f0e33bbc037
  68f194ce_9060_f5f9_d266_dd66c3d544fb["utils"]
  ded66567_a088_0ea1_ed4d_41ba34a9fe46 --> 68f194ce_9060_f5f9_d266_dd66c3d544fb
  style ded66567_a088_0ea1_ed4d_41ba34a9fe46 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { useAtom } from "jotai"
import { atomWithStorage } from "jotai/utils"

const configAtom = atomWithStorage<string[]>("lift-mode", [])

export function useLiftMode(name: string) {
  const [chunks, setChunks] = useAtom(configAtom)

  function toggleLiftMode(name: string) {
    setChunks((prev) => {
      return prev.includes(name)
        ? prev.filter((n) => n !== name)
        : [...prev, name]
    })
  }

  return {
    isLiftMode: chunks.includes(name),
    toggleLiftMode,
  }
}