{"version":3,"file":"static/chunks/pages/kashi/borrow-f16aded5ccb8cddc.js","mappings":"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","sources":["webpack://_N_E/./src/components/GradientDot/index.tsx","webpack://_N_E/./src/pages/kashi/borrow/index.tsx","webpack://_N_E/?b21f"],"sourcesContent":["import React from 'react'\n\nexport function gradientColor(percent: any) {\n  percent = parseFloat(percent)\n  if (percent < 100 && percent >= 90) {\n    return '#ff3a31'\n  }\n  if (percent < 90 && percent >= 80) {\n    return '#f85815'\n  }\n  if (percent < 80 && percent >= 70) {\n    return '#ed7000'\n  }\n  if (percent < 70 && percent >= 60) {\n    return '#de8400'\n  }\n  if (percent < 60 && percent >= 50) {\n    return '#ce9700'\n  }\n  if (percent < 50 && percent >= 40) {\n    return '#bba700'\n  }\n  if (percent < 40 && percent >= 30) {\n    return '#a6b500'\n  }\n  if (percent < 30 && percent >= 20) {\n    return '#8fc21b'\n  }\n  if (percent < 20 && percent >= 10) {\n    return '#73ce42'\n  }\n  if (percent < 10 && percent >= 0) {\n    return '#4ed864'\n  }\n  if (percent == 0) {\n    return '#4ed864'\n  }\n  return '#ff3a31'\n}\n\nexport function gradientColorAsc(percent: any) {\n  percent = parseFloat(percent)\n  if (percent < 10 && percent >= 0) {\n    return '#ff3a31'\n  }\n  if (percent < 20 && percent >= 10) {\n    return '#f85815'\n  }\n  if (percent < 30 && percent >= 20) {\n    return '#ed7000'\n  }\n  if (percent < 40 && percent >= 30) {\n    return '#de8400'\n  }\n  if (percent < 50 && percent >= 40) {\n    return '#ce9700'\n  }\n  if (percent < 60 && percent >= 50) {\n    return '#bba700'\n  }\n  if (percent < 70 && percent >= 60) {\n    return '#a6b500'\n  }\n  if (percent < 80 && percent >= 70) {\n    return '#8fc21b'\n  }\n  if (percent < 90 && percent >= 80) {\n    return '#73ce42'\n  }\n  if (percent < 100 && percent >= 90) {\n    return '#4ed864'\n  }\n  if (percent >= 100) {\n    return '#4ed864'\n  }\n  return '#ff3a31'\n}\n\nconst GradientDot = ({ percent, desc = true }: any) => {\n  return (\n    <>\n      <span\n        style={{\n          display: 'block',\n          height: '0.5rem',\n          width: '0.5rem',\n          borderRadius: '9999px',\n          marginLeft: '0.5rem',\n          background: `${desc ? gradientColor(percent) : gradientColorAsc(percent)}`,\n        }}\n      ></span>\n    </>\n  )\n}\n\nexport default GradientDot\n","import Provider, { useKashiPairs } from '../../../features/kashi/context'\nimport { formatNumber, formatPercent } from '../../../functions/format'\n\nimport Card from '../../../components/Card'\nimport GradientDot from '../../../components/GradientDot'\nimport Head from 'next/head'\nimport Image from '../../../components/Image'\nimport Layout from '../../../layouts/Kashi'\nimport Link from 'next/link'\nimport ListHeaderWithSort from '../../../features/kashi/ListHeaderWithSort'\nimport MarketHeader from '../../../features/kashi/MarketHeader'\nimport React from 'react'\nimport { cloudinaryLoader } from '../../../functions/cloudinary'\nimport { t } from '@lingui/macro'\nimport { useLingui } from '@lingui/react'\nimport useSearchAndSort from '../../../hooks/useSearchAndSort'\n\nfunction Borrow() {\n  const { i18n } = useLingui()\n  const fullPairs = useKashiPairs()\n\n  const positions = useSearchAndSort(\n    fullPairs.filter((pair: any) => pair.userCollateralShare.gt(0) || pair.userBorrowPart.gt(0)),\n    { keys: ['search'], threshold: 0.1 },\n    { key: 'health.value', direction: 'descending' }\n  )\n\n  const pairs = useSearchAndSort(\n    fullPairs,\n    { keys: ['search'], threshold: 0.1 },\n    { key: 'totalAssetAmount.usdValue', direction: 'descending' }\n  )\n\n  return (\n    <>\n      <Head>\n        <title>{i18n._(t`Borrow`)} | Sushi</title>\n        <meta\n          key=\"description\"\n          name=\"description\"\n          content=\"Kashi is a lending and margin trading platform, built upon BentoBox, which allows for anyone to create customized and gas-efficient markets for lending, borrowing, and collateralizing a variety of DeFi tokens, stable coins, and synthetic assets.\"\n        />\n      </Head>\n      <Card className=\"h-full bg-dark-900\" header={<MarketHeader type=\"Borrow\" lists={[pairs, positions]} />}>\n        {positions.items && positions.items.length > 0 && (\n          <div className=\"pb-4\">\n            <div>\n              <div className=\"grid grid-cols-4 gap-4 px-4 pb-4 text-sm md:grid-cols-6 lg:grid-cols-7 text-secondary\">\n                <ListHeaderWithSort\n                  className=\"col-span-1 md:col-span-2 lg:col-span-3\"\n                  sort={positions}\n                  sortKey=\"search\"\n                >\n                  <>\n                    <span className=\"hidden md:inline-block\">{i18n._(t`Your`)}</span> {i18n._(t`Positions`)}\n                  </>\n                </ListHeaderWithSort>\n                <ListHeaderWithSort\n                  className=\"justify-end\"\n                  sort={positions}\n                  sortKey=\"currentUserBorrowAmount.usdValue\"\n                  direction=\"descending\"\n                >\n                  {i18n._(t`Borrowed`)}\n                </ListHeaderWithSort>\n                <ListHeaderWithSort\n                  className=\"justify-end hidden md:flex\"\n                  sort={positions}\n                  sortKey=\"userCollateralAmount.usdValue\"\n                  direction=\"descending\"\n                >\n                  {i18n._(t`Collateral`)}\n                </ListHeaderWithSort>\n                <ListHeaderWithSort\n                  className=\"justify-end hidden lg:flex\"\n                  sort={positions}\n                  sortKey=\"health.value\"\n                  direction=\"descending\"\n                >\n                  <>\n                    {i18n._(t`Limit`)} <span className=\"hidden md:inline-block\">{i18n._(t`Used`)}</span>\n                  </>\n                </ListHeaderWithSort>\n                <ListHeaderWithSort\n                  className=\"justify-end\"\n                  sort={positions}\n                  sortKey=\"interestPerYear.value\"\n                  direction=\"descending\"\n                >\n                  {i18n._(t`APR`)}\n                </ListHeaderWithSort>\n              </div>\n              <div className=\"flex-col space-y-2\">\n                {positions.items.map((pair: any) => {\n                  return (\n                    <div key={pair.address}>\n                      <Link href={'/borrow/' + pair.address}>\n                        <a className=\"block text-high-emphesis\">\n                          <div className=\"grid items-center grid-cols-4 gap-4 px-4 py-4 text-sm rounded md:grid-cols-6 lg:grid-cols-7 align-center bg-dark-800 hover:bg-dark-pink\">\n                            <div className=\"hidden space-x-2 md:flex\">\n                              <Image\n                                loader={cloudinaryLoader}\n                                height={48}\n                                width={48}\n                                src={pair.asset.tokenInfo.logoURI}\n                                className=\"w-5 h-5 rounded-lg md:w-10 md:h-10 lg:w-12 lg:h-12\"\n                                alt={pair.asset.tokenInfo.symbol}\n                              />\n\n                              <Image\n                                loader={cloudinaryLoader}\n                                height={48}\n                                width={48}\n                                src={pair.collateral.tokenInfo.logoURI}\n                                className=\"w-5 h-5 rounded-lg md:w-10 md:h-10 lg:w-12 lg:h-12\"\n                                alt={pair.collateral.tokenInfo.symbol}\n                              />\n                            </div>\n                            <div className=\"sm:block md:col-span-1 lg:col-span-2\">\n                              <div>\n                                <strong>{pair.asset.tokenInfo.symbol}</strong> / {pair.collateral.tokenInfo.symbol}\n                              </div>\n                              <div>{pair.oracle.name}</div>\n                            </div>\n                            <div className=\"text-right\">\n                              <div>\n                                {formatNumber(pair.currentUserBorrowAmount.string, false)} {pair.asset.tokenInfo.symbol}\n                              </div>\n                              <div className=\"text-sm text-secondary\">\n                                {formatNumber(pair.currentUserBorrowAmount.usd, true)}\n                              </div>\n                            </div>\n                            <div className=\"hidden text-right md:block\">\n                              <div>\n                                {formatNumber(pair.userCollateralAmount.string, false)}{' '}\n                                {pair.collateral.tokenInfo.symbol}\n                              </div>\n                              <div className=\"text-sm text-secondary\">\n                                {formatNumber(pair.userCollateralAmount.usd, true)}\n                              </div>\n                            </div>\n                            <div className=\"flex items-center justify-end\">\n                              {formatPercent(pair.health.string)}\n                              <GradientDot percent={pair.health.string} />\n                            </div>\n                            <div className=\"text-right\">{formatPercent(pair.interestPerYear.string)}</div>\n                          </div>\n                        </a>\n                      </Link>\n                    </div>\n                  )\n                })}\n              </div>\n            </div>\n          </div>\n        )}\n\n        <div className=\"grid grid-flow-col grid-cols-4 gap-4 px-4 pb-4 text-sm md:grid-cols-6 lg:grid-cols-7 text-secondary\">\n          <ListHeaderWithSort sort={pairs} sortKey=\"search\">\n            {i18n._(t`Markets`)}\n          </ListHeaderWithSort>\n          <ListHeaderWithSort className=\"hidden md:flex\" sort={pairs} sortKey=\"asset.tokenInfo.symbol\">\n            {i18n._(t`Borrow`)}\n          </ListHeaderWithSort>\n          <ListHeaderWithSort className=\"hidden md:flex\" sort={pairs} sortKey=\"collateral.tokenInfo.symbol\">\n            {i18n._(t`Collateral`)}\n          </ListHeaderWithSort>\n          <ListHeaderWithSort className=\"hidden lg:flex\" sort={pairs} sortKey=\"oracle.name\">\n            {i18n._(t`Oracle`)}\n          </ListHeaderWithSort>\n          <ListHeaderWithSort\n            className=\"justify-end\"\n            sort={pairs}\n            sortKey=\"currentBorrowAmount.usdValue\"\n            direction=\"descending\"\n          >\n            {i18n._(t`Borrowed`)}\n          </ListHeaderWithSort>\n          <ListHeaderWithSort\n            className=\"justify-end\"\n            sort={pairs}\n            sortKey=\"totalAssetAmount.usdValue\"\n            direction=\"descending\"\n          >\n            {i18n._(t`Available`)}\n          </ListHeaderWithSort>\n          <ListHeaderWithSort\n            className=\"justify-end\"\n            sort={pairs}\n            sortKey=\"currentInterestPerYear.value\"\n            direction=\"descending\"\n          >\n            {i18n._(t`APR`)}\n          </ListHeaderWithSort>\n        </div>\n        <div className=\"flex-col space-y-2\">\n          {pairs.items &&\n            pairs.items.map((pair) => {\n              return (\n                <div key={pair.address}>\n                  <Link href={'/borrow/' + String(pair.address).toLowerCase()}>\n                    <a className=\"block text-high-emphesis\">\n                      <div className=\"grid items-center grid-cols-4 gap-4 px-4 py-4 text-sm rounded md:grid-cols-6 lg:grid-cols-7 align-center bg-dark-800 hover:bg-dark-pink\">\n                        <div className=\"flex flex-col items-start sm:flex-row sm:items-center\">\n                          <div className=\"hidden space-x-2 md:flex\">\n                            <Image\n                              loader={cloudinaryLoader}\n                              height={48}\n                              width={48}\n                              src={pair.asset.tokenInfo.logoURI}\n                              className=\"w-5 h-5 rounded-lg md:w-10 md:h-10 lg:w-12 lg:h-12\"\n                              alt={pair.asset.tokenInfo.symbol}\n                            />\n                            <Image\n                              loader={cloudinaryLoader}\n                              height={48}\n                              width={48}\n                              src={pair.collateral.tokenInfo.logoURI}\n                              className=\"w-5 h-5 rounded-lg md:w-10 md:h-10 lg:w-12 lg:h-12\"\n                              alt={pair.collateral.tokenInfo.symbol}\n                            />\n                          </div>\n                          <div className=\"sm:items-end md:hidden\">\n                            <div className=\"flex flex-col md:flex-row\">\n                              <div className=\"font-semibold\">{pair.asset.tokenInfo.symbol} / </div>\n                              <div>{pair.collateral.tokenInfo.symbol}</div>\n                            </div>\n                            <div className=\"block mt-0 text-xs text-left text-white-500 lg:hidden\">\n                              {pair.oracle.name}\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"hidden text-white md:block\">\n                          <strong>{pair.asset.tokenInfo.symbol}</strong>\n                        </div>\n                        <div className=\"hidden md:block\">{pair.collateral.tokenInfo.symbol}</div>\n                        <div className=\"hidden lg:block\">{pair.oracle.name}</div>\n                        <div className=\"text-left md:text-right\">\n                          <div className=\"md:hidden\">\n                            <div className=\"flex flex-col\">\n                              <div>{formatNumber(pair.currentBorrowAmount.string)}</div>\n                              <div>{pair.asset.tokenInfo.symbol}</div>\n                            </div>\n                            <div className=\"text-secondary\">{formatNumber(pair.currentBorrowAmount.usd, true)}</div>\n                          </div>\n                          <div className=\"hidden md:block\">\n                            {formatNumber(pair.currentBorrowAmount.string)} {pair.asset.tokenInfo.symbol}\n                            <div className=\"text-secondary\">{formatNumber(pair.currentBorrowAmount.usd, true)}</div>\n                          </div>\n                        </div>\n                        <div className=\"text-right\">\n                          <div className=\"md:hidden\">\n                            <div className=\"flex flex-col\">\n                              <div>{formatNumber(pair.totalAssetAmount.string)}</div>\n                              <div>{pair.asset.tokenInfo.symbol}</div>\n                            </div>\n                            <div className=\"text-secondary\">{formatNumber(pair.totalAssetAmount.usd, true)}</div>\n                          </div>\n                          <div className=\"hidden md:block\">\n                            {formatNumber(pair.totalAssetAmount.string)} {pair.asset.tokenInfo.symbol}\n                            <div className=\"text-secondary\">{formatNumber(pair.totalAssetAmount.usd, true)}</div>\n                          </div>\n                        </div>\n                        <div className=\"text-right\">{formatPercent(pair.currentInterestPerYear.string)}</div>\n                      </div>\n                    </a>\n                  </Link>\n                </div>\n              )\n            })}\n        </div>\n      </Card>\n    </>\n  )\n}\n\nBorrow.Provider = Provider\n\nconst BorrowLayout = ({ children }) => {\n  const { i18n } = useLingui()\n  return (\n    <Layout\n      left={\n        <Card\n          className=\"h-full bg-dark-900\"\n          backgroundImage=\"/borrow-graphic.png\"\n          title={i18n._(t`Borrow assets and leverage up`)}\n          description={i18n._(\n            t`Borrowing allows you to obtain liquidity without selling. Your borrow limit depends on the amount of deposited collateral. You will be able to borrow up to 75% of your collateral and repay at any time with accrued interest.`\n          )}\n        />\n      }\n    >\n      {children}\n    </Layout>\n  )\n}\n\nBorrow.Layout = BorrowLayout\n\nexport default Borrow\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/kashi/borrow\",\n      function () {\n        return require(\"private-next-pages/kashi/borrow/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/kashi/borrow\"])\n      });\n    }\n  "],"names":["gradientColor","percent","parseFloat","gradientColorAsc","desc","style","display","height","width","borderRadius","marginLeft","background","Borrow","i18n","useLingui","fullPairs","useKashiPairs","positions","useSearchAndSort","filter","pair","userCollateralShare","gt","userBorrowPart","keys","threshold","key","direction","pairs","_","name","content","className","header","type","lists","items","length","sort","sortKey","map","href","address","loader","cloudinaryLoader","src","asset","tokenInfo","logoURI","alt","symbol","collateral","oracle","formatNumber","currentUserBorrowAmount","string","usd","userCollateralAmount","formatPercent","health","interestPerYear","String","toLowerCase","currentBorrowAmount","totalAssetAmount","currentInterestPerYear","Provider","Layout","children","left","backgroundImage","title","description","window","__NEXT_P","push"],"sourceRoot":""}