@ssa-ui-kit/templates 2.28.3 → 2.30.0

package/dist/index.js

@@ -4073,6 +4073,53 @@ const KeeperRunsWithLoader = ({
     ...props
   })
 });
+;// ./src/projects/fintech/components/MarginInfo/MarginInfo.tsx
+function MarginInfo_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+
+var MarginInfo_ref =  true ? {
+  name: "1fx6k7",
+  styles: "grid-area:margin-info"
+} : 0;
+const MarginInfoWithLoader = ({
+  isFetching,
+  multiplier,
+  ...props
+}) => {
+  const theme = (0,react_namespaceObject.useTheme)();
+  const {
+    t
+  } = useTranslation();
+  const baseTitle = t('marginInfo.title');
+  const title = multiplier ? `${baseTitle} (x${multiplier})` : baseTitle;
+  return (0,jsx_runtime_namespaceObject.jsx)(WithWidgetLoader, {
+    title: 'marginInfo.title',
+    css: MarginInfo_ref,
+    isFetching: isFetching,
+    children: (0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.ClassNames, {
+      children: ({
+        css
+      }) => (0,jsx_runtime_namespaceObject.jsx)("div", {
+        css: css({
+          gridArea: 'margin-info'
+        }),
+        children: (0,jsx_runtime_namespaceObject.jsx)(widgets_namespaceObject.MarginInfo, {
+          ...props,
+          title: title,
+          headerClassName: css({
+            marginBottom: 0,
+            [theme.mediaQueries.md]: {
+              marginBottom: '0'
+            }
+          })
+        })
+      })
+    })
+  });
+};
 ;// ./src/projects/fintech/pages/BotPage/components/InformationTab/styles.ts
 
 const infoCardWrapper = theme => /*#__PURE__*/(0,react_namespaceObject.css)("position:relative;display:flex;flex-direction:column;align-items:flex-start;width:max-content;min-width:100%;background:", theme.colors.greyLighter, ";padding:4px 10px;border-radius:6px;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none;user-select:none;&::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;box-shadow:0 10px 40px 0 ", theme.colors.greyShadow, ";content:'';}&:active{background:", theme.colors.white, ";&::before{border-radius:6px;box-shadow:0 10px 40px 0 ", theme.colors.greyShadow24, ";}}" + ( true ? "" : 0),  true ? "" : 0);
@@ -8037,9 +8084,9 @@ const WidgetsCustomLayoutTemplate = /*#__PURE__*/(/* unused pure expression or s
 
 const WidgetLayoutDashboard = /*#__PURE__*/base_default()(WidgetsLayoutTemplate,  true ? {
   target: "e1uw7r3m0"
-} : 0)("grid-template-rows:repeat(12, 215px);grid-template-areas:'balance balance' 'max max' 'funds-place-order roles' 'hourly bots' 'weighted-mean-prices-btc weighted-mean-prices-eth' 'orders orders' 'turnover turnover' 'pnl pnl' 'cumulative cumulative' 'rebalancing rebalancing' 'positions profitability' 'keeper-runs keeper-runs';", ({
+} : 0)("grid-template-rows:repeat(12, 215px);grid-template-areas:'balance balance' 'max max' 'funds-place-order roles' 'hourly bots' 'weighted-mean-prices-btc weighted-mean-prices-eth' 'orders orders' 'turnover turnover' 'pnl pnl' 'cumulative cumulative' 'rebalancing rebalancing' 'positions profitability' 'keeper-runs margin-info';", ({
   theme
-}) => theme.mediaQueries.md, "{grid-template-columns:calc(36% - 7px) calc(14% - 7px) calc(25% - 7px) calc(25% - 7px);grid-template-rows:repeat(6, 215px);grid-template-areas:'balance max funds-place-order roles' 'hourly bots weighted-mean-prices-btc weighted-mean-prices-eth' 'orders orders pnl pnl' 'turnover turnover cumulative cumulative' 'rebalancing rebalancing positions profitability' 'keeper-runs keeper-runs . .';margin-bottom:20px;}" + ( true ? "" : 0));
+}) => theme.mediaQueries.md, "{grid-template-columns:calc(36% - 7px) calc(14% - 7px) calc(25% - 7px) calc(25% - 7px);grid-template-rows:repeat(6, 215px);grid-template-areas:'balance max funds-place-order roles' 'hourly bots weighted-mean-prices-btc weighted-mean-prices-eth' 'orders orders pnl pnl' 'turnover turnover cumulative cumulative' 'rebalancing rebalancing positions profitability' 'keeper-runs keeper-runs margin-info margin-info';margin-bottom:20px;}" + ( true ? "" : 0));
 ;// ./src/projects/fintech/pages/Dashboard/FinTechDashboard.tsx
 function FinTechDashboard_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
@@ -8318,7 +8365,44 @@ const FinTechDashboard = () => {
         data: graphsData,
         period: period,
         isFetching: isGraphStatLoading
-      }, "keeperRuns")]
+      }, "keeperRuns"), (0,jsx_runtime_namespaceObject.jsx)(MarginInfoWithLoader, {
+        multiplier: 3,
+        base: "USDT",
+        quote: "BTC",
+        baseBorrowed: (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+          children: ["100 ", (0,jsx_runtime_namespaceObject.jsx)("strong", {
+            children: "USD"
+          }), " \u22480.000000001 ", (0,jsx_runtime_namespaceObject.jsx)("strong", {
+            children: "BTC"
+          }), " (x2)"]
+        }),
+        baseInterestRate: "5.2%",
+        baseTotalInterest: (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+          children: ["25 ", (0,jsx_runtime_namespaceObject.jsx)("strong", {
+            children: "USDT"
+          }), " (x1.5)"]
+        }),
+        quoteBorrowed: (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+          children: ["\u22480.000000001 ", (0,jsx_runtime_namespaceObject.jsx)("strong", {
+            children: "BTC"
+          })]
+        }),
+        quoteInterestRate: "4.8%",
+        quoteTotalInterest: (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+          children: ["0.0024 ", (0,jsx_runtime_namespaceObject.jsx)("strong", {
+            children: "BTC"
+          })]
+        }),
+        disableBorrow: false,
+        disableRepay: false,
+        onBorrow: () => {
+          alert('Borrow action triggered');
+        },
+        onRepay: () => {
+          alert('Repay action triggered');
+        },
+        isFetching: isStatLoading
+      })]
     })]
   });
 };