📄 File detail

components/PromptInput/useShowFastIconHint.ts

🧩 .ts📏 32 lines💾 696 bytes📝 text

🎯 Use case

This file lives under “components/”, which covers shared React UI pieces. On the API surface it exposes useShowFastIconHint — mainly functions, hooks, or classes. Dependencies touch React UI.

Generated from folder role, exports, dependency roots, and inline comments — not hand-reviewed for every path.

🧠 Inline summary

import { useEffect, useState } from 'react' const HINT_DISPLAY_DURATION_MS = 5000 let hasShownThisSession = false

📤 Exports (heuristic)

useShowFastIconHint

📚 External import roots

Package roots from from "…" (relative paths omitted).

react

🖥️ Source preview

import { useEffect, useState } from 'react'

const HINT_DISPLAY_DURATION_MS = 5000

let hasShownThisSession = false

/**
 * Hook to manage the /fast hint display next to the fast icon.
 * Shows the hint for 5 seconds once per session.
 */
export function useShowFastIconHint(showFastIcon: boolean): boolean {
  const [showHint, setShowHint] = useState(false)

  useEffect(() => {
    if (hasShownThisSession || !showFastIcon) {
      return
    }

    hasShownThisSession = true
    setShowHint(true)

    const timer = setTimeout(setShowHint, HINT_DISPLAY_DURATION_MS, false)

    return () => {
      clearTimeout(timer)
      setShowHint(false)
    }
  }, [showFastIcon])

  return showHint
}