{"version":3,"file":"Search-m02Zqob6.js","sources":["../../../app/javascript/entrypoints/components/Layout/Search.tsx"],"sourcesContent":["import React, { ChangeEvent, useEffect, useState } from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nimport { Button } from '../Button';\nimport { Input } from '../Input';\n\nimport { useStockCodes } from '../../hooks/useStockCodes';\n\nimport { stockPath, stockSearchPath } from '../../utils';\n\nexport const Search: React.FC = () => {\n  const [query, setQuery] = useState<string>('');\n  const [querySearch, setQuerySearch] = useState<string>('');\n  const codes = useStockCodes(querySearch);\n  const navigate = useNavigate();\n  const location = useLocation();\n  const pathname = location.pathname;\n  const search = location.search;\n\n  const onClick = () => {\n    if (query !== '') {\n      setQuery('');\n      setQuerySearch(query.trim());\n    }\n  };\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setQuery(e.target.value);\n  };\n\n  useEffect(() => {\n    setQuery('');\n    setQuerySearch('');\n  }, [pathname, search]);\n\n  useEffect(() => {\n    if (!codes) {\n      return;\n    }\n\n    if (codes.length === 1) {\n      navigate(stockPath(codes[0]));\n    } else if (codes.length > 1) {\n      navigate(stockSearchPath(querySearch));\n    } else {\n      navigate(stockPath(querySearch));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [codes]);\n\n  return (\n    <div className=\"mx-3.5 mt-5 md:mx-auto md:mt-7 md:w-[var(--width-container)]\">\n      <form\n        action=\"\"\n        onSubmit={(e) => {\n          e.preventDefault();\n        }}\n      >\n        <div className=\"flex gap-1\">\n          <Input\n            className={'w-full md:w-[250px]'}\n            placeholder={'証券コード、銘柄名'}\n            value={query}\n            onChange={onChange}\n          />\n          <Button className={'min-w-[54px]'} onClick={onClick}>\n            検索\n          </Button>\n        </div>\n      </form>\n    </div>\n  );\n};\n"],"names":["Search","query","setQuery","useState","querySearch","setQuerySearch","codes","useStockCodes","navigate","useNavigate","location","useLocation","pathname","search","onClick","onChange","e","useEffect","stockPath","stockSearchPath","jsx","jsxs","Input","Button"],"mappings":"qrCAUO,MAAMA,EAAmB,IAAM,CACpC,KAAM,CAACC,EAAOC,CAAQ,EAAIC,WAAiB,EAAE,EACvC,CAACC,EAAaC,CAAc,EAAIF,WAAiB,EAAE,EACnDG,EAAQC,EAAcH,CAAW,EACjCI,EAAWC,IACXC,EAAWC,IACXC,EAAWF,EAAS,SACpBG,EAASH,EAAS,OAElBI,EAAU,IAAM,CAChBb,IAAU,KACZC,EAAS,EAAE,EACIG,EAAAJ,EAAM,MAAM,EAC7B,EAGIc,EAAYC,GAAqC,CAC5Cd,EAAAc,EAAE,OAAO,KAAK,CAAA,EAGzBC,OAAAA,EAAAA,UAAU,IAAM,CACdf,EAAS,EAAE,EACXG,EAAe,EAAE,CAAA,EAChB,CAACO,EAAUC,CAAM,CAAC,EAErBI,EAAAA,UAAU,IAAM,CACTX,IAIDA,EAAM,SAAW,EACnBE,EAASU,EAAUZ,EAAM,CAAC,CAAC,CAAC,EACnBA,EAAM,OAAS,EACfE,EAAAW,EAAgBf,CAAW,CAAC,EAE5BI,EAAAU,EAAUd,CAAW,CAAC,EACjC,EAEC,CAACE,CAAK,CAAC,EAGRc,EAAAA,IAAC,MAAI,CAAA,UAAU,+DACb,SAAAA,EAAA,IAAC,OAAA,CACC,OAAO,GACP,SAAWJ,GAAM,CACfA,EAAE,eAAe,CACnB,EAEA,SAAAK,EAAA,KAAC,MAAI,CAAA,UAAU,aACb,SAAA,CAAAD,EAAA,IAACE,EAAA,CACC,UAAW,sBACX,YAAa,YACb,MAAOrB,EACP,SAAAc,CAAA,CACF,EACCK,EAAA,IAAAG,EAAA,CAAO,UAAW,eAAgB,QAAAT,EAAkB,SAErD,KAAA,CAAA,EACF,CAAA,CAEJ,CAAA,CAAA,CAEJ"}