{"version":3,"file":"static/chunks/pages/kashi/lend-ea739a5d1ddf2344.js","mappings":"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","sources":["webpack://_N_E/./src/pages/kashi/lend/index.tsx","webpack://_N_E/?cf9c"],"sourcesContent":["import Provider, { useKashiPairs } from '../../../features/kashi/context'\nimport { formatNumber, formatPercent } from '../../../functions/format'\n\nimport Card from '../../../components/Card'\nimport DoubleCurrencyLogo from '../../../components/DoubleLogo'\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 QuestionHelper from '../../../components/QuestionHelper'\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 Lend() {\n  const { i18n } = useLingui()\n  const fullPairs = useKashiPairs()\n  const positions = useSearchAndSort(\n    fullPairs.filter((pair) => pair.userAssetFraction.gt(0)),\n    { keys: ['search'], threshold: 0.1 },\n    { key: 'currentUserAssetAmount.usdValue', direction: 'descending' }\n  )\n  const pairs = useSearchAndSort(\n    fullPairs,\n    { keys: ['search'], threshold: 0.1 },\n    { key: 'currentSupplyAPR.value', direction: 'descending' }\n  )\n\n  return fullPairs ? (\n    <>\n      <Head>\n        <title>Lend | 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=\"Lending\" lists={[pairs, positions]} />}>\n        {positions.items && positions.items.length > 0 && (\n          <div className=\"pb-4\">\n            <div>\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={positions} sortKey=\"search\">\n                  <>\n                    <span className=\"hidden md:inline-block\">{i18n._(t`Your`)}</span> {i18n._(t`Positions`)}\n                  </>\n                </ListHeaderWithSort>\n                <ListHeaderWithSort className=\"hidden md:flex\" sort={positions} sortKey=\"asset.tokenInfo.symbol\">\n                  {i18n._(t`Lending`)}\n                </ListHeaderWithSort>\n                <ListHeaderWithSort className=\"hidden md:flex\" sort={positions} sortKey=\"collateral.tokenInfo.symbol\">\n                  {i18n._(t`Collateral`)}\n                </ListHeaderWithSort>\n                <ListHeaderWithSort className=\"hidden lg:flex\" sort={positions} sortKey=\"oracle.name\">\n                  {i18n._(t`Oracle`)}\n                </ListHeaderWithSort>\n                <ListHeaderWithSort\n                  className=\"justify-end\"\n                  sort={positions}\n                  sortKey=\"currentUserAssetAmount.usdValue\"\n                  direction=\"descending\"\n                >\n                  {i18n._(t`Lent`)}\n                </ListHeaderWithSort>\n                <ListHeaderWithSort\n                  className=\"justify-end\"\n                  sort={positions}\n                  sortKey=\"currentUserLentAmount.usdValue\"\n                  direction=\"descending\"\n                >\n                  {i18n._(t`Borrowed`)}\n                </ListHeaderWithSort>\n                <ListHeaderWithSort\n                  className=\"justify-end\"\n                  sort={positions}\n                  sortKey=\"supplyAPR.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) => {\n                  return <LendEntry key={pair.address} pair={pair} userPosition={true} />\n                })}\n              </div>\n            </div>\n          </div>\n        )}\n        <div>\n          <div className=\"grid grid-flow-col grid-cols-3 gap-4 px-4 pb-4 text-sm sm:grid-cols-4 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`Lending`)}\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              <QuestionHelper text={i18n._(t`The onchain oracle that tracks the pricing for this pair `)} />\n            </ListHeaderWithSort>\n            <ListHeaderWithSort\n              className=\"justify-end\"\n              sort={pairs}\n              sortKey=\"currentSupplyAPR.value\"\n              direction=\"descending\"\n            >\n              {i18n._(t`APR`)}\n            </ListHeaderWithSort>\n            <ListHeaderWithSort\n              className=\"justify-end hidden sm:flex\"\n              sort={pairs}\n              sortKey=\"utilization.value\"\n              direction=\"descending\"\n            >\n              {i18n._(t`Borrowed`)}\n            </ListHeaderWithSort>\n            <ListHeaderWithSort\n              className=\"justify-end\"\n              sort={pairs}\n              sortKey=\"currentAllAssets.usdValue\"\n              direction=\"descending\"\n            >\n              {i18n._(t`Total`)}\n            </ListHeaderWithSort>\n          </div>\n          <div className=\"flex-col space-y-2\">\n            {pairs?.items?.map((pair) => (\n              <LendEntry key={pair.address} pair={pair} userPosition={false} />\n            ))}\n          </div>\n        </div>\n      </Card>\n    </>\n  ) : null\n}\n\nconst LendEntry = ({ pair, userPosition = false }) => {\n  return (\n    <Link href={'/lend/' + pair.address}>\n      <a className=\"block text-high-emphesis\">\n        <div className=\"grid items-center grid-flow-col 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-blue\">\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\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>\n                <strong>{pair.asset.tokenInfo.symbol}</strong> / {pair.collateral.tokenInfo.symbol}\n              </div>\n              <div className=\"block mt-0 text-xs text-left text-white-500 lg:hidden\">{pair.oracle.name}</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          {userPosition ? (\n            <>\n              <div className=\"text-right\">\n                <div>\n                  {formatNumber(pair.currentUserAssetAmount.string, false)} {pair.asset.tokenInfo.symbol}\n                </div>\n                <div className=\"text-sm text-secondary\">{formatNumber(pair.currentUserAssetAmount.usd, true)}</div>\n              </div>\n              <div className=\"text-right\">\n                <div>{formatPercent(pair.utilization.string)}</div>\n                <div className=\"text-secondary\">{formatNumber(pair.currentUserLentAmount.usd, true)}</div>\n              </div>\n              <div className=\"text-right\">{formatPercent(pair.supplyAPR.stringWithStrategy)}</div>{' '}\n            </>\n          ) : (\n            <>\n              <div className=\"text-center sm:text-right\">{formatPercent(pair.currentSupplyAPR.stringWithStrategy)}</div>\n              <div className=\"hidden text-right sm:block\">{formatPercent(pair.utilization.string)}</div>\n              <div className=\"text-right\">\n                <div>\n                  {formatNumber(pair.currentAllAssets.string)} {pair.asset.tokenInfo.symbol}\n                </div>\n                <div className=\"text-secondary\">{formatNumber(pair.currentAllAssets.usd, true)}</div>\n              </div>\n            </>\n          )}\n        </div>\n      </a>\n    </Link>\n  )\n}\n\nLend.Provider = Provider\n\nconst LendLayout = ({ children }) => {\n  const { i18n } = useLingui()\n  return (\n    <Layout\n      left={\n        <Card\n          className=\"h-full bg-dark-900\"\n          backgroundImage=\"/deposit-graphic.png\"\n          title={i18n._(t`Lend your assets, earn yield with no impermanent loss`)}\n          description={i18n._(\n            t`Isolated lending markets mitigate your risks as an asset lender. Know exactly what collateral is available to you in the event of counter party insolvency.`\n          )}\n        />\n      }\n    >\n      {children}\n    </Layout>\n  )\n}\n\nLend.Layout = LendLayout\n\nexport default Lend\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/kashi/lend\",\n      function () {\n        return require(\"private-next-pages/kashi/lend/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/kashi/lend\"])\n      });\n    }\n  "],"names":["Lend","i18n","useLingui","fullPairs","useKashiPairs","positions","useSearchAndSort","filter","pair","userAssetFraction","gt","keys","threshold","key","direction","pairs","name","content","className","header","type","lists","items","length","sort","sortKey","_","map","LendEntry","userPosition","address","text","href","loader","cloudinaryLoader","height","width","src","asset","tokenInfo","logoURI","alt","symbol","collateral","oracle","formatNumber","currentUserAssetAmount","string","usd","formatPercent","utilization","currentUserLentAmount","supplyAPR","stringWithStrategy","currentSupplyAPR","currentAllAssets","Provider","Layout","children","left","backgroundImage","title","description","window","__NEXT_P","push"],"sourceRoot":""}