{"version":3,"file":"index-CpVwhCaM.js","sources":["../../../app/javascript/entrypoints/pages/StocksPage/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\n\nimport { CircularProgress } from '../../components/CircularProgress';\nimport { StockNotFound } from '../../components/StockNotFound';\n\nimport { StockTable } from './StockTable';\n\nimport { useStocks } from './useStocks';\n\nimport { stockPath } from '../../utils/path';\n\nexport const StocksPage: React.FC = () => {\n  const [params] = useSearchParams();\n  const query = params.get('query');\n  const stocks = useStocks(query);\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    if (stocks && stocks.length === 1) {\n      navigate(stockPath(stocks[0].code), { state: { stock: stocks[0] } });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stocks]);\n\n  return stocks ? (\n    stocks.length === 0 ? (\n      <StockNotFound code={query} />\n    ) : (\n      <div className=\"mt-8 flex justify-center\">\n        <StockTable stocks={stocks} />\n      </div>\n    )\n  ) : (\n    <CircularProgress className=\"mt-8\" />\n  );\n};\n"],"names":["StocksPage","params","useSearchParams","query","stocks","useStocks","navigate","useNavigate","useEffect","stockPath","StockNotFound","jsx","StockTable","CircularProgress"],"mappings":"q7CAYO,MAAMA,EAAuB,IAAM,CAClC,KAAA,CAACC,CAAM,EAAIC,IACXC,EAAQF,EAAO,IAAI,OAAO,EAC1BG,EAASC,EAAUF,CAAK,EACxBG,EAAWC,IAEjBC,OAAAA,EAAAA,UAAU,IAAM,CACVJ,GAAUA,EAAO,SAAW,GAC9BE,EAASG,EAAUL,EAAO,CAAC,EAAE,IAAI,EAAG,CAAE,MAAO,CAAE,MAAOA,EAAO,CAAC,CAAA,CAAK,CAAA,CACrE,EAEC,CAACA,CAAM,CAAC,EAEJA,EACLA,EAAO,SAAW,QACfM,EAAc,CAAA,KAAMP,CAAO,CAAA,EAE5BQ,EAAA,IAAC,OAAI,UAAU,2BACb,eAACC,EAAW,CAAA,OAAAR,CAAA,CAAgB,EAC9B,EAGFO,EAAAA,IAACE,EAAiB,CAAA,UAAU,MAAO,CAAA,CAEvC"}