update swap config with price charts

sora-xor · Mar 25, 2024 · a8b191c · a8b191c
1 parent c8a4e76
commit a8b191c
Showing 1 changed file with 23 additions and 14 deletions.
diff --git a/src/views/Swap.vue b/src/views/Swap.vue
@@ -95,35 +95,45 @@ export default class Swap extends Mixins(mixins.LoadingMixin, TranslationMixin,
       { x: 0, y: 20, w: 6, h: 4, minW: 4, minH: 4, i: SwapWidgets.Customise },
       { x: 0, y: 24, w: 6, h: 4, minW: 4, minH: 4, i: SwapWidgets.Distribution },
       { x: 6, y: 0, w: 9, h: 20, minW: 4, minH: 16, i: SwapWidgets.Chart },
+      { x: 6, y: 20, w: 9, h: 16, minW: 4, minH: 16, i: SwapWidgets.PriceChartA },
+      { x: 6, y: 36, w: 9, h: 16, minW: 4, minH: 16, i: SwapWidgets.PriceChartB },
       { x: 15, y: 0, w: 9, h: 24, minW: 4, minH: 24, i: SwapWidgets.Transactions },
     ],
     md: [
-      { x: 0, y: 0, w: 5, h: 20, minW: 5, minH: 20, i: SwapWidgets.Form },
-      { x: 0, y: 20, w: 5, h: 4, minW: 5, minH: 4, i: SwapWidgets.Customise },
-      { x: 0, y: 24, w: 5, h: 4, minW: 5, minH: 4, i: SwapWidgets.Distribution },
-      { x: 5, y: 0, w: 11, h: 20, minW: 4, minH: 20, i: SwapWidgets.Chart },
-      { x: 5, y: 20, w: 8, h: 24, minW: 4, minH: 24, i: SwapWidgets.Transactions },
+      { x: 0, y: 0, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.Form },
+      { x: 0, y: 20, w: 4, h: 4, minW: 4, minH: 4, i: SwapWidgets.Distribution },
+      { x: 4, y: 0, w: 6, h: 20, minW: 4, minH: 16, i: SwapWidgets.Chart },
+      { x: 4, y: 20, w: 6, h: 4, minW: 4, minH: 4, i: SwapWidgets.Customise },
+      { x: 4, y: 24, w: 6, h: 16, minW: 4, minH: 16, i: SwapWidgets.PriceChartA },
+      { x: 10, y: 0, w: 6, h: 24, minW: 4, minH: 24, i: SwapWidgets.Transactions },
+      { x: 10, y: 24, w: 6, h: 16, minW: 4, minH: 16, i: SwapWidgets.PriceChartB },
     ],
     sm: [
       { x: 0, y: 0, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.Form },
-      { x: 0, y: 20, w: 4, h: 4, minW: 4, minH: 4, i: SwapWidgets.Customise },
-      { x: 0, y: 24, w: 4, h: 4, minW: 4, minH: 4, i: SwapWidgets.Distribution },
-      { x: 4, y: 0, w: 8, h: 20, minW: 4, minH: 20, i: SwapWidgets.Chart },
-      { x: 4, y: 20, w: 8, h: 24, minW: 4, minH: 24, i: SwapWidgets.Transactions },
+      { x: 0, y: 20, w: 4, h: 4, minW: 4, minH: 4, i: SwapWidgets.Distribution },
+      { x: 4, y: 0, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.Chart },
+      { x: 4, y: 20, w: 4, h: 4, minW: 4, minH: 4, i: SwapWidgets.Customise },
+      { x: 4, y: 24, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.PriceChartA },
+      { x: 8, y: 0, w: 4, h: 24, minW: 4, minH: 24, i: SwapWidgets.Transactions },
+      { x: 8, y: 24, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.PriceChartB },
     ],
     xs: [
       { x: 0, y: 0, w: 4, h: 4, minW: 4, minH: 4, i: SwapWidgets.Customise },
       { x: 0, y: 4, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.Form },
+      { x: 0, y: 24, w: 4, h: 12, minW: 4, minH: 12, i: SwapWidgets.Distribution },
+      { x: 0, y: 44, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.PriceChartA },
+      { x: 4, y: 44, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.PriceChartB },
       { x: 4, y: 0, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.Chart },
-      { x: 0, y: 20, w: 4, h: 12, minW: 4, minH: 12, i: SwapWidgets.Distribution },
       { x: 4, y: 20, w: 4, h: 24, minW: 4, minH: 24, i: SwapWidgets.Transactions },
     ],
     xss: [
       { x: 0, y: 0, w: 4, h: 4, minW: 4, minH: 4, i: SwapWidgets.Customise },
       { x: 0, y: 4, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.Form },
       { x: 0, y: 24, w: 4, h: 12, minW: 4, minH: 12, i: SwapWidgets.Distribution },
       { x: 0, y: 36, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.Chart },
-      { x: 0, y: 56, w: 4, h: 24, minW: 4, minH: 24, i: SwapWidgets.Transactions },
+      { x: 0, y: 56, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.PriceChartA },
+      { x: 0, y: 76, w: 4, h: 20, minW: 4, minH: 20, i: SwapWidgets.PriceChartB },
+      { x: 0, y: 96, w: 4, h: 24, minW: 4, minH: 24, i: SwapWidgets.Transactions },
     ],
   };
 
@@ -137,9 +147,8 @@ export default class Swap extends Mixins(mixins.LoadingMixin, TranslationMixin,
     [SwapWidgets.Chart]: true,
     [SwapWidgets.Distribution]: true,
     [SwapWidgets.Transactions]: true,
-    // not configured yet
-    // [SwapWidgets.PriceChartA]: false,
-    // [SwapWidgets.PriceChartB]: false,
+    [SwapWidgets.PriceChartA]: false,
+    [SwapWidgets.PriceChartB]: false,
   };
 
   @Watch('tokenFrom')