features/improve-sdl-builder (#24)

* import GPU sdl builder

* added gpus to sdl builder

* import template with GPU

* added support for IP lease sdl builder

* fix error

* added http options form

* added http options to sdl builder

* added multiple denom (USDC) to sdl builder

* handle loading schema for sdl builder

* Apply suggestions from code review

---------

Co-authored-by: Maxime Cyr <max_maxime_max@hotmail.com>

deploy-web/package.json

@@ -42,7 +42,7 @@
     "file-saver": "^2.0.5",
     "http-proxy": "^1.18.1",
     "jotai": "^2.0.4",
-    "js-yaml": "^3.14.1",
+    "js-yaml": "^4.1.0",
     "json-stable-stringify": "^1.0.2",
     "json2csv": "^5.0.7",
     "jsrsasign": "^10.6.1",

deploy-web/src/components/dashboard/Dashboard.tsx

@@ -23,10 +23,10 @@ import { StatsCard } from "./StatsCard";
 import { FormattedDecimalCurrency } from "../shared/FormattedDecimalCurrency";
 import { DiffPercentageChip } from "../shared/DiffPercentageChip";
 import { useTheme } from "@mui/material";
-import { uaktToAKT } from "@src/utils/priceUtils";
 import { BlockRow } from "../blockchain/BlockRow";
 import { TransactionRow } from "../blockchain/TransactionRow";
 import { useSelectedNetwork } from "@src/hooks/useSelectedNetwork";
+import { USDCLabel, USDLabel } from "../shared/UsdLabel";
 
 interface IDashboardProps {
   dashboardData: DashboardData;
@@ -535,19 +535,3 @@ const AKTLabel = () => {
     </Box>
   );
 };
-
-const USDLabel = () => {
-  return (
-    <Box component="span" sx={{ marginLeft: ".5rem", fontSize: ".75rem", fontWeight: 300 }}>
-      $USD
-    </Box>
-  );
-};
-
-const USDCLabel = () => {
-  return (
-    <Box component="span" sx={{ marginLeft: ".5rem", fontSize: ".75rem", fontWeight: 300 }}>
-      USDC
-    </Box>
-  );
-};