{"version":3,"file":"BuyCounter.bd55d2b8.js","sources":["../../../app/frontend/src/components/nav/BuyCounter.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport axios, { AxiosResponse, AxiosError } from 'axios'\n\nimport { useTranslation } from 'react-i18next'\n\nimport { useRecoilValue } from 'recoil'\nimport { walletState } from '../../atoms/WalletAtom'\nimport { ZERO_ADDRESS } from '../../constants'\n\nconst BuyCounter = () => {\n  const { t } = useTranslation()\n\n  const walletAddress = useRecoilValue(walletState)\n\n  const [buyCount, setBuyCount] = useState(0)\n\n  useEffect(() => {\n    if (walletAddress === '' || walletAddress === ZERO_ADDRESS)\n      return setBuyCount(0)\n    CheckBuyCount()\n  }, [walletAddress])\n\n  const CheckBuyCount = () => {\n    axios({\n      method: 'GET',\n      url: `${import.meta.env.VITE_API_BASE_URI}/api/v1/users/buy_count`,\n      params: {\n        address: walletAddress,\n      },\n    })\n      .then((response: AxiosResponse) => {\n        setBuyCount(response.data.buy_count)\n      })\n      .catch((error: AxiosError) => {\n        console.error('error', error)\n      })\n  }\n\n  let notes = <></>\n  if (buyCount >= 0 && buyCount < 10) {\n    notes = (\n      <>\n        <div className=\"note white\"></div>\n        <div className=\"mater\">\n          <div\n            className=\"inner\"\n            style={{\n              width: `${(buyCount / 10) * 100}%`,\n            }}\n          ></div>\n        </div>\n        <div className=\"next-step-count\">10</div>\n      </>\n    )\n  } else if (buyCount >= 10 && buyCount < 30) {\n    notes = (\n      <>\n        <div className=\"note gray\"></div>\n        <div className=\"mater\">\n          <div\n            className=\"inner\"\n            style={{\n              width: `${(buyCount / 30) * 100}%`,\n            }}\n          ></div>\n        </div>\n        <div className=\"next-step-count\">30</div>\n      </>\n    )\n  } else if (buyCount >= 30 && buyCount < 50) {\n    notes = (\n      <>\n        <div className=\"note gold\"></div>\n        <div className=\"mater\">\n          <div\n            className=\"inner\"\n            style={{\n              width: `${(buyCount / 50) * 100}%`,\n            }}\n          ></div>\n          <div className=\"next-step-count\">50</div>\n        </div>\n      </>\n    )\n  } else if (buyCount >= 50) {\n    notes = (\n      <>\n        <div className=\"note rainbow\"></div>\n        <div className=\"mater\">\n          <div\n            className=\"inner\"\n            style={{\n              width: `${(buyCount / 500) * 100}%`,\n            }}\n          ></div>\n          <div className=\"next-step-count\">🚀</div>\n        </div>\n      </>\n    )\n  }\n\n  return (\n    <div className=\"buy-counter\">\n      {t('components.SideNav.buyCounter.title')}: {buyCount}\n      {t('components.SideNav.buyCounter.unit')}\n      <br />\n      <div className=\"notes\">{notes}</div>\n      <p className=\"txt\">特典を確認する</p>\n    </div>\n  )\n}\n\nexport default BuyCounter\n"],"names":["BuyCounter","t","useTranslation","walletAddress","useRecoilValue","walletState","buyCount","setBuyCount","useState","useEffect","ZERO_ADDRESS","CheckBuyCount","axios","method","url","params","address","then","response","data","buy_count","catch","error","notes","_jsx","_Fragment","width","_jsxs"],"mappings":"gUASA,MAAMA,EAAa,IAAM,CACjB,KAAA,CAAEC,EAAAA,GAAMC,EAAgB,EAExBC,EAAgBC,EAAeC,CAAW,EAE1C,CAACC,EAAUC,CAAW,EAAIC,WAAS,CAAC,EAE1CC,EAAAA,UAAU,IAAM,CACVN,GAAAA,IAAkB,IAAMA,IAAkBO,EAC5C,OAAOH,EAAY,CAAC,EACPI,GAAA,EACd,CAACR,CAAa,CAAC,EAElB,MAAMQ,EAAgB,IAAM,CACpBC,EAAA,CACJC,OAAQ,MACRC,IAAM,kDACNC,OAAQ,CACNC,QAASb,CACX,CAAA,CACD,EACEc,KAAMC,GAA4B,CACrBA,EAAAA,EAASC,KAAKC,SAAS,CAAA,CACpC,EACAC,MAAOC,GAAsB,CACpBA,QAAAA,MAAM,QAASA,CAAK,CAAA,CAC7B,CAAA,EAGL,IAAIC,EAAQC,EAAKC,EAAA,CAAA,CAAA,EACbnB,OAAAA,GAAY,GAAKA,EAAW,GAC9BiB,IACEE,EAAA,CAAA,SACE,CAAAD,EAAA,MAAA,CAAK,UAAU,YAAA,CAAY,EAC3BA,EAAA,MAAA,CAAK,UAAU,QAAO,WACpB,MAAA,CACE,UAAU,QACV,MAAO,CACLE,MAAQ,GAAGpB,EAAW,GAAM,MAC9B,CAAA,CAAE,CAAA,CACG,EAETkB,EAAA,MAAA,CAAK,UAAU,kBAAiB,SAAA,IAAA,CAAS,CAAA,CAAA,CAE5C,EACQlB,GAAY,IAAMA,EAAW,GACtCiB,IACEE,EAAA,CAAA,SACE,CAAAD,EAAA,MAAA,CAAK,UAAU,WAAA,CAAW,EAC1BA,EAAA,MAAA,CAAK,UAAU,QAAO,WACpB,MAAA,CACE,UAAU,QACV,MAAO,CACLE,MAAQ,GAAGpB,EAAW,GAAM,MAC9B,CAAA,CAAE,CAAA,CACG,EAETkB,EAAA,MAAA,CAAK,UAAU,kBAAiB,SAAA,IAAA,CAAS,CAAA,CAAA,CAE5C,EACQlB,GAAY,IAAMA,EAAW,GACtCiB,IACEE,EAAA,CAAA,SACE,CAAAD,EAAA,MAAA,CAAK,UAAU,WAAA,CAAW,EAC1BG,EAAA,MAAA,CAAK,UAAU,QAAO,SACpB,CAAAH,EAAA,MAAA,CACE,UAAU,QACV,MAAO,CACLE,MAAQ,GAAGpB,EAAW,GAAM,MAC9B,CAAA,CAAE,EAEJkB,EAAA,MAAA,CAAK,UAAU,kBAAiB,SAAA,IAAA,CAAS,CAAA,CAAA,CACrC,CAAA,CAAA,CAET,EACQlB,GAAY,KACrBiB,IACEE,EAAA,CAAA,SACE,CAAAD,EAAA,MAAA,CAAK,UAAU,cAAA,CAAc,EAC7BG,EAAA,MAAA,CAAK,UAAU,QAAO,SACpB,CAAAH,EAAA,MAAA,CACE,UAAU,QACV,MAAO,CACLE,MAAQ,GAAGpB,EAAW,IAAO,MAC/B,CAAA,CAAE,EAEJkB,EAAA,MAAA,CAAK,UAAU,kBAAiB,SAAA,IAAA,CAAS,CAAA,CAAA,CACrC,CAAA,CAAA,CAET,KAID,MAAA,CAAK,UAAU,cAAa,SAAA,CACzBvB,EAAE,qCAAqC,EAAKK,KAAAA,EAC5CL,EAAE,oCAAoC,eAEvC,MAAA,CAAK,UAAU,QAAO,SAAEsB,CAAAA,CAAK,EAC7BC,EAAA,IAAA,CAAG,UAAU,MAAK,SAAA,SAAA,CAAY,CAAA,CAAA,CAC1B,CAEV"}