{"version":3,"file":"static/js/917.61ab40fa.chunk.js","mappings":"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","sources":["components/InfoSvg.jsx","pages/Main/TopContributors.jsx","pages/Main/TotalConnected.jsx","pages/Main/TotalPaid.jsx","pages/Main/TotalRegistered.jsx","pages/Main/index.js"],"sourcesContent":["export default () => (\n  <svg\n    className=\"w-4 h-4\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n      d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n    ></path>\n  </svg>\n);\n","import InfoSvg from \"components/InfoSvg\";\nimport { Link } from \"react-router-dom\";\nimport React from \"react\";\nimport { Skeleton } from \"components/Skeleton\";\nimport { formatBan } from \"components/Banano\";\n\n// https://stackoverflow.com/a/39466341\n// Get Ordinal Suffix\nfunction nth(n) {\n  return [\"st\", \"nd\", \"rd\"][((((n + 90) % 100) - 10) % 10) - 1] || \"th\";\n}\n\nconst TopContributors = ({ topContributors }) => {\n  return (\n    <div className=\"bg-dark rounded-md rounded-l-none border-banano-yellow border-l-4 w-full md:w-80 drop-shadow-lg shadow-black h-[470px]\">\n      <div className=\"p-4\">Top Contributors</div>\n      <Link\n        to=\"/contributors\"\n        title=\"Top Contributors List\"\n        className=\"absolute right-[10px] top-[10px]\"\n      >\n        <InfoSvg />\n      </Link>\n\n      <div className=\"text-sm overflow-y-scroll h-[406px]\">\n        {topContributors ? (\n          <React.Fragment>\n            {topContributors.slice(0, 5).map((c, index) => {\n              return (\n                <div\n                  key={index}\n                  className=\"py-4 border-b border-banano-gray-dark first:border-t last:border-b p-4 flex justify-between\"\n                >\n                  <div className=\"flex\">\n                    <img\n                      src={`https://monkey.banano.cc/api/v1/monkey/${c.banAddress}`}\n                      alt=\"avatar\"\n                      width=\"48px\"\n                      height=\"48px\"\n                      className=\"rounded-full bg-banano-gray-dark\"\n                    />\n                    <div className=\"flex flex-col ml-4 justify-between\">\n                      <div className=\"text-gray-300\">\n                        <a\n                          href={`https://creeper.banano.cc/account/${c.banAddress}`}\n                          target=\"_blank\"\n                          rel=\"noreferrer\"\n                        >\n                          {c.banAddress.substr(0, 13)}...\n                        </a>\n                      </div>\n                      <div>{formatBan(c.totalPaidBanano)}</div>\n                    </div>\n                  </div>\n                  <div className=\"text-gray-400 font-medium tabular-nums\">\n                    <div>\n                      {index + 1}\n                      {nth(index + 1)}\n                    </div>\n                  </div>\n                </div>\n              );\n            })}\n          </React.Fragment>\n        ) : (\n          <React.Fragment>\n            {new Array(5).fill({}).map((_, index) => {\n              return (\n                <div\n                  key={index}\n                  className=\"py-4 border-b border-banano-gray-dark first:border-t last:border-b p-4 flex justify-between\"\n                >\n                  <div className=\"flex\">\n                    <Skeleton size=\"rounded-full bg-banano-gray-dark h-[48px] w-[48px]\" />\n                    <div className=\"flex flex-col ml-4 justify-between\">\n                      <div className=\"text-gray-300\">\n                        <Skeleton text=\"ban_1boompow1...\" />\n                      </div>\n                      <div>\n                        <Skeleton text=\"BAN 10,000.00\" />\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"text-gray-400 font-medium\">\n                    <div>\n                      <Skeleton text=\"1st\" />\n                    </div>\n                  </div>\n                </div>\n              );\n            })}\n          </React.Fragment>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default TopContributors;\n","import React from \"react\";\nimport { Skeleton } from \"components/Skeleton\";\n\nconst TotalConnected = ({ amount }) => {\n  return (\n    <div className=\"bg-dark rounded-md rounded-l-none border-banano-yellow border-l-4 w-full md:w-1/3 drop-shadow-md shadow-black\">\n      <div className=\"p-4 flex justify-center items-center flex-col gap-4\">\n        <div className=\"text-gray-200 text-xl\">Users Connected</div>\n        <div>\n          <div className=\"text-2xl text-gray-100\">\n            {amount !== undefined ? (\n              amount\n            ) : (\n              <Skeleton size=\"w-[40px] h-[32px]\" />\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default TotalConnected;\n","import React from \"react\";\nimport { Skeleton } from \"components/Skeleton\";\nimport { formatBan } from \"components/Banano\";\n\nconst TotalPaid = ({ amount }) => {\n  return (\n    <div className=\"bg-dark rounded-md rounded-l-none border-banano-yellow border-l-4 w-full md:w-1/3 drop-shadow-md shadow-black\">\n      <div className=\"p-4 flex justify-center items-center flex-col gap-4\">\n        <div className=\"text-gray-200 text-xl\">Total Paid</div>\n        <div>\n          <div className=\"text-2xl text-gray-100\">\n            {amount ? (\n              formatBan(amount, \"32px\")\n            ) : (\n              <Skeleton size=\"w-[200px] h-[32px]\" />\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default TotalPaid;\n","import InfoSvg from \"components/InfoSvg\";\nimport { Link } from \"react-router-dom\";\nimport React from \"react\";\nimport { Skeleton } from \"components/Skeleton\";\n\nconst TotalRegistered = ({ amount }) => {\n  return (\n    <div className=\"bg-dark rounded-md rounded-l-none border-banano-yellow border-l-4 w-full md:w-1/3 drop-shadow-md shadow-black\">\n      <div className=\"p-4 flex justify-center items-center flex-col gap-4\">\n        <div className=\"text-gray-200 text-xl flex\">\n          <span>Services Registered</span>\n          <Link\n            to=\"/services\"\n            title=\"Services List\"\n            className=\"absolute right-[10px] top-[10px]\"\n          >\n            <InfoSvg />\n          </Link>\n        </div>\n        <div>\n          <div className=\"text-2xl text-gray-100\">\n            {amount ? amount : <Skeleton size=\"w-[100px] h-[32px]\" />}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default TotalRegistered;\n","import React from \"react\";\nimport { STATS_SUBSCRIPTION } from \"api/Stats.js\";\nimport TopContributors from \"./TopContributors\";\nimport TotalConnected from \"./TotalConnected\";\nimport TotalPaid from \"./TotalPaid\";\nimport TotalRegistered from \"./TotalRegistered\";\nimport { useMainStore } from \"stores\";\nimport { useSearchParams } from \"react-router-dom\";\n\nconst Main = () => {\n  let [searchParams, setSearchParams] = useSearchParams();\n\n  const { stats } = useMainStore();\n\n  return (\n    <div className=\"w-full max-w-5xl h-full flex flex-col items-center text-gray-100 font-semibold text-2xl\">\n      <div className=\"mb-6 flex gap-6 flex-col md:mt-16 md:flex-row w-full justify-center items-center whitespace-nowrap\">\n        <TotalPaid amount={stats?.totalPaidBanano} />\n        <TotalConnected amount={stats?.totalConnected} />\n        <TotalRegistered amount={stats?.registeredServiceCount} />\n      </div>\n      <div className=\"flex flex-col md:flex-row mt-2 pb-8 md:mt-24 md:justify-between max-w-6xl items-center\">\n        <TopContributors topContributors={stats?.topContributors} />\n        <div className=\"mt-4 md:w-7/12\">\n          <div className=\"text-3xl mt-6 md:mt-0 font-bold\">\n            What is BoomPOW?\n          </div>\n          <p className=\"text-base text-gray-300 mt-4 font-normal\">\n            BoomPOW lets you earn bananos by generating proof of work for the\n            Banano and Nano networks using your computer. If you are a\n            developer, you may also register a service to request PoW completely\n            free of charge.\n          </p>\n          <div className=\"mt-4 w-full flex justify-start items-center gap-4 font-bold [&>*]:py-2 [&>*]:px-2 [&>*]:text-sm [&>*]:my-4 [&>*]:transition-colors [&>*]:rounded-md\">\n            <button\n              className={`bg-banano-yellow hover:bg-accent-secondary text-gray-900 flex justify-center items-center gap-1`}\n              onClick={(e) => {\n                setSearchParams(\"?modal=register&type=provider\");\n              }}\n            >\n              <svg\n                className=\"w-5 h-5\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 20 20\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z\"\n                  clipRule=\"evenodd\"\n                ></path>\n              </svg>\n              Register Provider\n            </button>\n            <button\n              className={`bg-banano-yellow hover:bg-accent-secondary text-gray-900 flex justify-center items-center gap-1`}\n              onClick={(e) => {\n                setSearchParams(\"?modal=register&type=service\");\n              }}\n            >\n              <svg\n                className=\"w-5 h-5\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 20 20\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M2 5a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm14 1a1 1 0 11-2 0 1 1 0 012 0zM2 13a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2zm14 1a1 1 0 11-2 0 1 1 0 012 0z\"\n                  clipRule=\"evenodd\"\n                ></path>\n              </svg>\n              Register Service\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Main;\n"],"names":["className","fill","stroke","viewBox","xmlns","strokeLinecap","strokeLinejoin","strokeWidth","d","topContributors","to","title","InfoSvg","slice","map","c","index","src","banAddress","alt","width","height","href","target","rel","substr","formatBan","totalPaidBanano","n","Array","_","Skeleton","size","text","amount","undefined","useSearchParams","setSearchParams","stats","useMainStore","totalConnected","registeredServiceCount","onClick","e","fillRule","clipRule"],"sourceRoot":""}