{"version":3,"file":"index-CjCABsmW.js","sources":["../../../app/javascript/entrypoints/pages/FavoritesPage/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\n\nimport { Tab } from '@headlessui/react';\n\nimport type { DisclosureFavorite, Memo, Stock } from '../../output/models';\n\nimport { CircularProgress } from '../../components/CircularProgress';\n\nimport { DisclosureTable } from './DisclosureTable';\nimport { MemoTable } from './MemoTable';\nimport { StockTable } from './StockTable';\n\nimport { useDisclosures, useMemos, useStocks } from './hooks';\n\nimport { tabClassName } from '../../utils';\n\nexport const FavoritesPage: React.FC = () => {\n  const [selectedIndex, setSelectedIndex] = useState<number>(0);\n  const stocks = useStocks();\n  const disclosures = useDisclosures(selectedIndex);\n  const [searchParams] = useSearchParams();\n  const page = searchParams.get('page') ?? 1;\n  const { memos, loading, pagination } = useMemos(selectedIndex, String(page));\n\n  return (\n    <div className=\"md:flex md:justify-center md:pt-1\">\n      <div className=\"text-sm leading-base md:w-[745px] md:text-xs md:leading-base\">\n        <div className=\"relative\">\n          {isLoading(selectedIndex, stocks, disclosures, memos) || loading ? (\n            <CircularProgress variant={'full'} />\n          ) : (\n            <></>\n          )}\n          <span className=\"md:text-xs md:leading-base\">お気に入り一覧</span>\n        </div>\n        <div className=\"mt-5\">\n          {stocks && (\n            <Tab.Group selectedIndex={selectedIndex} onChange={setSelectedIndex}>\n              <Tab.List className=\"border-b border-gray md:text-xs md:leading-base\">\n                <Tab className={({ selected }) => tabClassName(selected)}>銘柄</Tab>\n                <Tab className={({ selected }) => tabClassName(selected)}>開示</Tab>\n                <Tab className={({ selected }) => tabClassName(selected)}>個人メモ</Tab>\n              </Tab.List>\n              <Tab.Panels className=\"mt-5 overflow-x-scroll md:overflow-x-visible\">\n                <Tab.Panel unmount={false}>\n                  <StockTable stocks={stocks} />\n                </Tab.Panel>\n                <Tab.Panel unmount={false}>\n                  <DisclosureTable disclosures={disclosures} />\n                </Tab.Panel>\n                <Tab.Panel unmount={false}>\n                  <MemoTable memos={memos} pagination={pagination} currentPage={Number(page)} />\n                </Tab.Panel>\n              </Tab.Panels>\n            </Tab.Group>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst isLoading = (\n  selectedIndex: number,\n  stocks: Stock[] | undefined,\n  disclosures: DisclosureFavorite[] | undefined,\n  memos: Memo[] | undefined,\n): boolean => {\n  return (\n    (selectedIndex === 0 && !stocks) ||\n    (selectedIndex === 1 && !disclosures) ||\n    (selectedIndex === 2 && !memos)\n  );\n};\n"],"names":["FavoritesPage","selectedIndex","setSelectedIndex","useState","stocks","useStocks","disclosures","useDisclosures","searchParams","useSearchParams","page","memos","loading","pagination","useMemos","jsxs","isLoading","jsx","CircularProgress","Fragment","Tab","selected","tabClassName","StockTable","DisclosureTable","MemoTable"],"mappings":"49EAiBO,MAAMA,GAA0B,IAAM,CAC3C,KAAM,CAACC,EAAeC,CAAgB,EAAIC,WAAiB,CAAC,EACtDC,EAASC,IACTC,EAAcC,EAAeN,CAAa,EAC1C,CAACO,CAAY,EAAIC,IACjBC,EAAOF,EAAa,IAAI,MAAM,GAAK,EACnC,CAAE,MAAAG,EAAO,QAAAC,EAAS,WAAAC,GAAeC,EAASb,EAAe,OAAOS,CAAI,CAAC,EAE3E,aACG,MAAI,CAAA,UAAU,oCACb,SAACK,EAAA,KAAA,MAAA,CAAI,UAAU,+DACb,SAAA,CAACA,EAAAA,KAAA,MAAA,CAAI,UAAU,WACZ,SAAA,CAAUC,EAAAf,EAAeG,EAAQE,EAAaK,CAAK,GAAKC,EACvDK,EAAAA,IAACC,EAAiB,CAAA,QAAS,MAAQ,CAAA,EAEjCD,EAAA,IAAAE,EAAA,SAAA,EAAA,EAEHF,EAAA,IAAA,OAAA,CAAK,UAAU,6BAA6B,SAAO,UAAA,CAAA,EACtD,EACAA,EAAAA,IAAC,MAAI,CAAA,UAAU,OACZ,SAAAb,GACEW,EAAA,KAAAK,EAAI,MAAJ,CAAU,cAAAnB,EAA8B,SAAUC,EACjD,SAAA,CAAAa,EAAA,KAACK,EAAI,KAAJ,CAAS,UAAU,kDAClB,SAAA,CAACH,EAAAA,IAAAG,EAAA,CAAI,UAAW,CAAC,CAAE,SAAAC,KAAeC,EAAaD,CAAQ,EAAG,SAAE,IAAA,CAAA,EAC5DJ,EAAAA,IAACG,EAAI,CAAA,UAAW,CAAC,CAAE,SAAAC,KAAeC,EAAaD,CAAQ,EAAG,SAAE,IAAA,CAAA,EAC5DJ,EAAAA,IAACG,EAAI,CAAA,UAAW,CAAC,CAAE,SAAAC,KAAeC,EAAaD,CAAQ,EAAG,SAAI,MAAA,CAAA,CAAA,EAChE,EACCN,EAAA,KAAAK,EAAI,OAAJ,CAAW,UAAU,+CACpB,SAAA,CAACH,EAAAA,IAAAG,EAAI,MAAJ,CAAU,QAAS,GAClB,SAACH,EAAAA,IAAAM,EAAA,CAAW,OAAAnB,EAAgB,CAC9B,CAAA,EACAa,EAAAA,IAACG,EAAI,MAAJ,CAAU,QAAS,GAClB,SAAAH,EAAAA,IAACO,EAAgB,CAAA,YAAAlB,CAAA,CAA0B,CAC7C,CAAA,EACCW,EAAA,IAAAG,EAAI,MAAJ,CAAU,QAAS,GAClB,SAAAH,EAAA,IAACQ,EAAU,CAAA,MAAAd,EAAc,WAAAE,EAAwB,YAAa,OAAOH,CAAI,CAAG,CAAA,EAC9E,CAAA,EACF,CAAA,CAAA,CACF,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAEJ,EAEMM,EAAY,CAChBf,EACAG,EACAE,EACAK,IAGGV,IAAkB,GAAK,CAACG,GACxBH,IAAkB,GAAK,CAACK,GACxBL,IAAkB,GAAK,CAACU"}