[fix] price per second

config/config.yaml

@@ -1,5 +1,5 @@
 host: 0.0.0.0
-port: 8088
+port: 28000
 server: http://localhost
 
 theme: default

config/webpack.dev.js

@@ -19,6 +19,7 @@ const webpack = require('webpack');
 const merge = require('webpack-merge');
 const HtmlWebPackPlugin = require('html-webpack-plugin');
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+const Dotenv = require('dotenv-webpack'); // Import the plugin
 
 const common = require('./webpack.common');
 
@@ -177,6 +178,11 @@ module.exports = (env) => {
         // Inject environment variables for the project
         'process.env.API': JSON.stringify(API),
       }),
+      new Dotenv({
+        // Add this plugin
+        path: root('.env'), // Path to your .env file
+        safe: false, // Optional: Load .env.example for validation
+      }),
       new HtmlWebPackPlugin({
         template: root('src/asset/template/index.html'),
         favicon: root('src/asset/image/favicon.ico'),

package.json

@@ -50,6 +50,9 @@
     "@antv/data-set": "^0.11.4",
     "@antv/g6": "^3.5.10",
     "@babel/runtime-corejs3": "^7.14.0",
+    "@fortawesome/fontawesome-svg-core": "^6.7.1",
+    "@fortawesome/free-solid-svg-icons": "^6.7.1",
+    "@fortawesome/react-fontawesome": "^0.2.2",
     "ace-builds": "^1.4.12",
     "antd": "^4.1.3",
     "axios": "^0.21.1",
@@ -59,12 +62,14 @@
     "cookie": "^0.4.1",
     "escape-html": "^1.0.3",
     "file-saver": "^2.0.2",
+    "font-awesome": "^4.7.0",
     "history": "4.7.2",
     "html-entities": "^2.3.5",
     "intersection-observer": "^0.11.0",
     "intl-messageformat": "7.8.4",
     "invariant": "^2.2.4",
     "ip-address": "^7.1.0",
+    "ityped": "^1.0.3",
     "js-yaml": "^4.0.0",
     "json2csv": "^5.0.1",
     "libphonenumber-js": "^1.9.42",
@@ -115,6 +120,7 @@
     "cypress": "6.8.0",
     "cypress-downloadfile": "^1.2.1",
     "cypress-file-upload": "^5.0.6",
+    "dotenv-webpack": "^8.1.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.6",
     "eslint": "^7.2.0",

skyline_console/static/asset/image/logo-extend.svg

@@ -1,10 +0,0 @@
-<svg id="layer" data-name="layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 114 35">
-  <defs>
-    <style>
-      .cls-1 {
-        isolation: isolate;
-      }
-    </style>
-  </defs>
-  <image class="cls-1" width="114" height="35" xlink:href="data:image/png;base64,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"/>
-</svg>

skyline_console/static/asset/image/logo-small.svg

@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="44px" height="31px" viewBox="0 0 44 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>logo</title>
-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(-15.000000, -60.000000)" fill-rule="nonzero">
-            <g id="logo" transform="translate(15.000000, 60.000000)">
-                <g id="logo" transform="translate(22.000000, 15.500000) scale(-1, 1) rotate(-180.000000) translate(-22.000000, -15.500000) ">
-                    <path d="M38.5227273,18.2727273 C38.5227273,18.2045455 36.375,14.1136364 33.7840909,9.17045455 L29.0113636,0.170454545 L27.4772727,0.0681818182 C26.625,-5.03694308e-14 25.9090909,0.0340909091 25.9090909,0.136363636 C25.9090909,0.238636364 27.75,3.78409091 30,8.01136364 C32.25,12.2386364 34.3977273,16.2954545 34.7727273,17.0454545 C35.4204545,18.3409091 35.5568182,18.4090909 36.9886364,18.4090909 C37.8409091,18.4090909 38.5227273,18.3409091 38.5227273,18.2727273 Z" id="path" fill="#03A9F4"></path>
-                    <path d="M40.5,14.4204545 L41.1477273,13.125 L37.5340909,6.57954545 L33.9204545,0.0340909091 L32.2840909,-5.81353147e-14 L30.6477273,-5.81353147e-14 L31.9431818,2.31818182 C32.6590909,3.57954545 34.6022727,7.125 36.3068182,10.1590909 C37.9772727,13.1931818 39.4772727,15.6818182 39.6136364,15.6818182 C39.75,15.6818182 40.1590909,15.1022727 40.5,14.4204545 Z" id="path" fill="#03A9F4"></path>
-                    <path d="M41.1818182,4.39772727 L38.7272727,-5.81353147e-14 L37.2613636,-5.81353147e-14 C36.4431818,-5.81353147e-14 35.7954545,0.0681818182 35.7954545,0.170454545 C35.7954545,0.272727273 37.1931818,2.89772727 38.8977273,6 L42.0340909,11.625 L42.8181818,10.2272727 L43.6363636,8.79545455 L41.1818182,4.39772727 Z" id="path" fill="#03AAF6"></path>
-                    <g transform="translate(0.000000, 1.022727)" fill="#FFFFFF">
-                        <path d="M24.2045455,5.16758353e-14 L25.0227273,1.63636364 C25.4425837,2.47607656 27.3922815,6.03890708 29.4514838,9.74505958 L29.7954545,10.3636364 C31.9772727,14.2840909 33.75,17.625 33.75,17.7954545 C33.75,17.9659091 32.4204545,20.5568182 30.7840909,23.5227273 L30.7840909,23.5227273 L27.7840909,28.9772727 L15.1704545,28.9772727 L12.1704545,23.5227273 L9.17045455,18.0681818 L4.90909091,18.0681818 L2.45454545,13.6704545 C1.09090909,11.25 -1.77635684e-14,9.17045455 -1.77635684e-14,9.06818182 C-1.77635684e-14,8.79545455 3.23863636,2.96590909 4.29545455,1.29545455 L4.29545455,1.29545455 L5.11363636,5.16758353e-14 L24.2045455,5.16758353e-14 Z M22.4318182,3.06818182 L6.54545455,3.06818182 L4.90909091,6.06818182 L3.30681818,9.03409091 L4.875,11.9318182 L6.44318182,14.8295455 L8.65909091,14.9318182 L10.875,15.0340909 L13.8409091,20.4545455 L16.8409091,25.9090909 L26.1136364,25.9090909 L28.2272727,22.0568182 C29.3863636,19.9090909 30.3409091,18 30.3409091,17.7954545 C30.3409091,17.5909091 28.5681818,14.2159091 26.3863636,10.2613636 L26.3863636,10.2613636 L22.4318182,3.06818182 Z" id="shape"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

skyline_console/static/index.html

@@ -8,5 +8,5 @@
 
   <body>
     <div id="app"></div>
-  <script type="text/javascript" src="/runtime.1663167892.js"></script><script type="text/javascript" src="/main.bundle.1663167892.js"></script></body>
+  <script type="text/javascript" src="/runtime.1743769966.js"></script><script type="text/javascript" src="/main.bundle.1743769966.js"></script></body>
 </html>

skyline_console/static/management.bundle.1663167892.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{4005:function(e,a,t){"use strict";var u=t(19),o=t(21);u(a,"__esModule",{value:!0}),a.default=void 0;var d=o(t(413)),n=o(t(4006)),l=e=>(0,d.default)(n.default,e);a.default=l},4006:function(e,a,t){"use strict";var u=t(19),o=t(21);u(a,"__esModule",{value:!0}),a.default=void 0;var d=o(t(1212)),n=o(t(567)),l=[{path:"/management",component:d.default,routes:[{path:"*",component:n.default}]}];a.default=l}}]);

skyline_console/static/management.bundle.1743769966.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{4124:function(e,a,t){"use strict";var u=t(20),o=t(21);u(a,"__esModule",{value:!0}),a.default=void 0;var d=o(t(416)),n=o(t(4125)),l=e=>(0,d.default)(n.default,e);a.default=l},4125:function(e,a,t){"use strict";var u=t(20),o=t(21);u(a,"__esModule",{value:!0}),a.default=void 0;var d=o(t(1263)),n=o(t(579)),l=[{path:"/management",component:d.default,routes:[{path:"*",component:n.default}]}];a.default=l}}]);

skyline_console/static/runtime.1663167892.js

@@ -1 +0,0 @@
-!function(e){function r(r){for(var n,u,i=r[0],c=r[1],l=r[2],p=0,s=[];p<i.length;p++)u=i[p],Object.prototype.hasOwnProperty.call(o,u)&&o[u]&&s.push(o[u][0]),o[u]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(f&&f(r);s.length;)s.shift()();return a.push.apply(a,l||[]),t()}function t(){for(var e,r=0;r<a.length;r++){for(var t=a[r],n=!0,i=1;i<t.length;i++){var c=t[i];0!==o[c]&&(n=!1)}n&&(a.splice(r--,1),e=u(u.s=t[0]))}return e}var n={},o={15:0},a=[];function u(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,u),t.l=!0,t.exports}u.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var a,i=document.createElement("script");i.charset="utf-8",i.timeout=120,u.nc&&i.setAttribute("nonce",u.nc),i.src=function(e){return u.p+""+({0:"common",1:"vendor",2:"Container",3:"auth",4:"base",5:"basic",6:"compute",7:"configuration",8:"container-infra",9:"heat",10:"identity",12:"management",13:"monitor-center",14:"network",16:"share",17:"storage",18:"user-center"}[e]||e)+".bundle.1663167892.js"}(e);var c=new Error;a=function(r){i.onerror=i.onload=null,clearTimeout(l);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+a+")",c.name="ChunkLoadError",c.type=n,c.request=a,t[1](c)}o[e]=void 0}};var l=setTimeout((function(){a({type:"timeout",target:i})}),12e4);i.onerror=i.onload=a,document.head.appendChild(i)}return Promise.all(r)},u.m=e,u.c=n,u.d=function(e,r,t){u.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.t=function(e,r){if(1&r&&(e=u(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(u.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)u.d(t,n,function(r){return e[r]}.bind(null,n));return t},u.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(r,"a",r),r},u.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},u.p="/",u.oe=function(e){throw e};var i=window.webpackJsonp=window.webpackJsonp||[],c=i.push.bind(i);i.push=r,i=i.slice();for(var l=0;l<i.length;l++)r(i[l]);var f=c;t()}([]);

skyline_console/static/runtime.1743769966.js

@@ -0,0 +1 @@
+!function(e){function t(t){for(var n,u,i=t[0],c=t[1],l=t[2],p=0,s=[];p<i.length;p++)u=i[p],Object.prototype.hasOwnProperty.call(o,u)&&o[u]&&s.push(o[u][0]),o[u]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(f&&f(t);s.length;)s.shift()();return a.push.apply(a,l||[]),r()}function r(){for(var e,t=0;t<a.length;t++){for(var r=a[t],n=!0,i=1;i<r.length;i++){var c=r[i];0!==o[c]&&(n=!1)}n&&(a.splice(t--,1),e=u(u.s=r[0]))}return e}var n={},o={16:0},a=[];function u(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,u),r.l=!0,r.exports}u.e=function(e){var t=[],r=o[e];if(0!==r)if(r)t.push(r[2]);else{var n=new Promise((function(t,n){r=o[e]=[t,n]}));t.push(r[2]=n);var a,i=document.createElement("script");i.charset="utf-8",i.timeout=120,u.nc&&i.setAttribute("nonce",u.nc),i.src=function(e){return u.p+""+({0:"common",1:"vendor",2:"Container",3:"Inctance-HA",4:"auth",5:"base",6:"basic",7:"compute",8:"configuration",9:"container-infra",10:"heat",11:"identity",13:"management",14:"monitor-center",15:"network",17:"share",18:"storage",19:"user-center"}[e]||e)+".bundle.1743769966.js"}(e);var c=new Error;a=function(t){i.onerror=i.onload=null,clearTimeout(l);var r=o[e];if(0!==r){if(r){var n=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+a+")",c.name="ChunkLoadError",c.type=n,c.request=a,r[1](c)}o[e]=void 0}};var l=setTimeout((function(){a({type:"timeout",target:i})}),12e4);i.onerror=i.onload=a,document.head.appendChild(i)}return Promise.all(t)},u.m=e,u.c=n,u.d=function(e,t,r){u.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.t=function(e,t){if(1&t&&(e=u(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(u.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)u.d(r,n,function(t){return e[t]}.bind(null,n));return r},u.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(t,"a",t),t},u.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},u.p="/",u.oe=function(e){throw e};var i=window.webpackJsonp=window.webpackJsonp||[],c=i.push.bind(i);i.push=t,i=i.slice();for(var l=0;l<i.length;l++)t(i[l]);var f=c;r()}([]);

src/asset/image/Group.svg

@@ -0,0 +1,167 @@
+<svg width="1897" height="967" viewBox="0 0 1897 967" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<path d="M1326.51 131.955H912.005L824.601 55.6063H599.469L545.614 9.26778H94.9082V5.2959H546.938L600.793 52.0758H825.925L913.329 128.424H1324.75L1412.59 52.0758H1637.72L1691.14 5.2959H2143.17V9.26778H1692.46L1639.05 55.6063H1413.92L1326.51 131.955Z" fill="black" fill-opacity="0.05"/>
+<path d="M95.3501 14.1222C91.3772 14.1222 88.2871 11.033 88.2871 7.0611C88.2871 3.08923 91.3772 0 95.3501 0C99.323 0 102.413 3.08923 102.413 7.0611C102.413 11.033 99.323 14.1222 95.3501 14.1222Z" fill="black" fill-opacity="0.05"/>
+<path d="M2143.17 960.752H1691.14L1637.72 913.973H1412.59L1324.75 837.624H913.329L825.925 913.973H600.793L546.938 960.752H94.9082V956.781H545.614L599.469 910.001H824.601L912.005 834.094H1326.51L1413.92 910.001H1639.05L1692.46 956.781H2143.17V960.752Z" fill="black" fill-opacity="0.05"/>
+<path d="M95.3501 951.926C91.3772 951.926 88.2871 955.015 88.2871 958.987C88.2871 962.959 91.3772 966.048 95.3501 966.048C99.323 966.048 102.413 962.959 102.413 958.987C102.413 955.015 99.323 951.926 95.3501 951.926Z" fill="black" fill-opacity="0.05"/>
+<path d="M2371.39 260.82L2317.09 213.599H2033.69L1943.64 135.044H1766.62L1665.09 223.308H1289.87L1184.81 131.513L1187.02 128.865L1291.2 219.777H1663.77L1765.3 131.072H1944.96L2035.02 209.627H2318.86L2374.04 258.172L2371.39 260.82Z" fill="black" fill-opacity="0.05"/>
+<path d="M1051.06 837.183L946.879 746.271H574.307L472.777 834.976H293.113L203.06 755.98H-80.3411L-135.962 707.876L-133.313 705.228L-79.0168 752.449H204.385L294.437 831.004H471.453L572.983 742.74H948.203L1053.26 834.535L1051.06 837.183Z" fill="black" fill-opacity="0.05"/>
+<path d="M1187.02 837.183L1184.81 834.535L1289.87 742.741H1665.09L1766.62 831.005H1943.64L2033.69 752.45H2317.09L2371.39 705.229L2374.04 707.876L2318.86 755.98H2035.02L1944.96 834.976H1765.3L1663.77 746.271H1291.2L1187.02 837.183Z" fill="black" fill-opacity="0.05"/>
+<path d="M-133.313 260.82L-135.962 258.172L-80.3411 209.627H203.06L293.113 131.072H472.777L574.307 219.777H946.879L1051.06 128.865L1053.26 131.513L948.203 223.308H572.983L471.453 135.044H294.437L204.385 213.599H-79.0168L-133.313 260.82Z" fill="black" fill-opacity="0.05"/>
+<path d="M1545.47 222.866L1542.82 220.219L1720.71 65.3154H2045.61L2128.6 137.692H2350.64V141.664H2127.28L2044.29 69.2873H1722.04L1545.47 222.866Z" fill="black" fill-opacity="0.05"/>
+<path d="M517.362 900.733H192.907L109.475 827.915H-112.566V824.384H110.8L194.231 896.761H516.037L692.611 743.182L695.26 745.83L517.362 900.733Z" fill="black" fill-opacity="0.05"/>
+<path d="M2045.61 900.733H1720.71L1542.82 745.83L1545.47 743.182L1722.04 896.761H2044.29L2127.28 824.384H2350.64V827.915H2128.6L2045.61 900.733Z" fill="black" fill-opacity="0.05"/>
+<path d="M692.611 222.866L516.037 69.2873H194.231L110.8 141.664H-112.566V137.692H109.475L192.907 65.3154H517.362L695.26 220.219L692.611 222.866Z" fill="black" fill-opacity="0.05"/>
+<path d="M1573.72 150.931H1556.5L1500 101.503H1360.06V97.9727H1501.32L1557.83 147.4H1573.72V150.931Z" fill="black" fill-opacity="0.05"/>
+<path d="M1573.28 156.227C1577.25 156.227 1580.34 153.137 1580.34 149.166C1580.34 145.194 1577.25 142.104 1573.28 142.104C1569.3 142.104 1566.21 145.194 1566.21 149.166C1566.65 153.137 1569.74 156.227 1573.28 156.227Z" fill="black" fill-opacity="0.05"/>
+<path d="M878.015 868.076H736.756L680.252 818.648H664.36V815.117H681.576L738.521 864.545H878.015V868.076Z" fill="black" fill-opacity="0.05"/>
+<path d="M664.802 809.821C660.829 809.821 657.739 812.911 657.739 816.882C657.739 820.854 660.829 823.944 664.802 823.944C668.775 823.944 671.865 820.854 671.865 816.882C671.424 812.911 668.334 809.821 664.802 809.821Z" fill="black" fill-opacity="0.05"/>
+<path d="M1501.32 868.076H1360.06V864.545H1500L1556.5 815.117H1573.72V818.648H1557.83L1501.32 868.076Z" fill="black" fill-opacity="0.05"/>
+<path d="M1573.28 823.502C1577.25 823.502 1580.34 820.413 1580.34 816.441C1580.34 812.469 1577.25 809.38 1573.28 809.38C1569.3 809.38 1566.21 812.469 1566.21 816.441C1566.65 820.413 1569.74 823.502 1573.28 823.502Z" fill="black" fill-opacity="0.05"/>
+<path d="M681.576 150.931H664.36V147.4H680.252L736.756 97.9727H878.015V101.503H738.521L681.576 150.931Z" fill="black" fill-opacity="0.05"/>
+<path d="M664.802 142.546C660.829 142.546 657.739 145.635 657.739 149.607C657.739 153.579 660.829 156.668 664.802 156.668C668.775 156.668 671.865 153.579 671.865 149.607C671.424 145.635 668.334 142.546 664.802 142.546Z" fill="black" fill-opacity="0.05"/>
+<path d="M1432.9 190.209H1252.79V186.678H1431.13L1468.66 154.462L1470.86 157.11L1432.9 190.209Z" fill="black" fill-opacity="0.05"/>
+<path d="M1473.95 161.082C1476.6 158.434 1477.04 154.462 1474.84 151.373C1472.19 148.725 1468.21 148.283 1465.12 150.49C1462.48 153.138 1462.03 157.11 1464.24 160.199C1466.89 163.288 1471.3 163.73 1473.95 161.082Z" fill="black" fill-opacity="0.05"/>
+<path d="M769.862 811.587L767.214 808.939L805.619 775.398H985.283V779.37H806.943L769.862 811.587Z" fill="black" fill-opacity="0.05"/>
+<path d="M764.124 804.967C761.476 807.615 761.034 811.586 763.241 814.676C765.89 817.324 769.863 817.765 772.953 815.558C775.602 812.91 776.043 808.939 773.836 805.849C771.187 802.76 767.214 802.319 764.124 804.967Z" fill="black" fill-opacity="0.05"/>
+<path d="M1468.66 811.587L1431.13 779.37H1252.79V775.398H1432.9L1470.86 808.939L1468.66 811.587Z" fill="black" fill-opacity="0.05"/>
+<path d="M1465.12 815.117C1467.77 817.765 1472.19 817.324 1474.84 814.234C1477.48 811.586 1477.04 807.173 1473.95 804.525C1471.3 801.877 1466.89 802.319 1464.24 805.408C1461.59 808.497 1462.03 812.91 1465.12 815.117Z" fill="black" fill-opacity="0.05"/>
+<path d="M985.284 190.209H805.62L767.215 157.11L769.863 154.462L806.944 186.678H985.284V190.209Z" fill="black" fill-opacity="0.05"/>
+<path d="M773.395 150.931C770.746 148.283 766.332 148.724 763.683 151.814C761.035 154.462 761.476 158.875 764.566 161.523C767.656 164.171 771.629 163.729 774.278 160.64C776.485 157.551 776.044 153.138 773.395 150.931Z" fill="black" fill-opacity="0.05"/>
+<path d="M214.096 508.4H-71.0713V504.87H212.772L237.933 482.804L212.772 461.179H-71.0713V457.648H214.096L243.672 482.804L214.096 508.4Z" fill="black" fill-opacity="0.05"/>
+<path d="M1872.57 473.095H1589.61L1555.18 443.085H682.9L648.91 473.095H365.508L272.366 391.892H-178.34V388.361H273.69L366.833 469.564H647.144L681.576 439.554H1556.5L1590.93 469.564H1871.24L1964.39 388.361H2416.42V391.892H1965.71L1872.57 473.095Z" fill="black" fill-opacity="0.05"/>
+<path d="M2416.42 577.687H1964.39L1871.24 496.485H1590.93L1556.5 526.494H681.576L647.144 496.485H366.833L273.69 577.687H-178.34V573.716H272.366L365.508 492.954H648.91L682.9 522.964H1555.18L1589.61 492.954H1872.57L1965.71 573.716H2416.42V577.687Z" fill="black" fill-opacity="0.05"/>
+<path d="M321.806 531.79H81.2236V535.321H321.806V531.79Z" fill="black" fill-opacity="0.05"/>
+<path d="M81.6655 526.494C77.6926 526.494 74.6025 529.583 74.6025 533.555C74.6025 537.527 77.6926 540.616 81.6655 540.616C85.6384 540.616 88.7285 537.527 88.7285 533.555C88.287 529.583 85.197 526.494 81.6655 526.494Z" fill="black" fill-opacity="0.05"/>
+<path d="M321.806 430.728H81.2236V434.258H321.806V430.728Z" fill="black" fill-opacity="0.05"/>
+<path d="M81.6655 425.432C77.6926 425.432 74.6025 428.521 74.6025 432.493C74.6025 436.465 77.6926 439.554 81.6655 439.554C85.6384 439.554 88.7285 436.465 88.7285 432.493C88.287 428.521 85.197 425.432 81.6655 425.432Z" fill="black" fill-opacity="0.05"/>
+<path d="M1813.86 380.859H1592.7L1512.8 311.13H725.279L645.379 380.859H424.22L340.789 307.6H-35.3142L-66.6561 335.403L-69.3047 332.314L-36.6385 304.069H342.113L425.986 376.887H644.055L723.954 307.6H1514.12L1594.02 376.887H1812.53L1895.96 304.069H2275.16L2307.38 332.314L2305.18 335.403L2273.39 307.6H1897.29L1813.86 380.859Z" fill="black" fill-opacity="0.05"/>
+<path d="M2275.16 661.979H1895.96L1812.53 589.161H1594.02L1514.12 658.449H723.954L644.055 589.161H425.986L342.113 661.979H-36.6385L-69.3047 633.735L-66.6561 630.645L-35.3142 658.007H340.789L424.22 585.189H645.379L725.279 654.918H1512.8L1592.7 585.189H1813.86L1897.29 658.007H2273.39L2305.18 630.645L2307.38 633.735L2275.16 661.979Z" fill="black" fill-opacity="0.05"/>
+<path d="M1239.99 396.305H1215.71V392.774H1238.67L1285.46 351.731H1564.45V355.703H1286.78L1239.99 396.305Z" fill="black" fill-opacity="0.05"/>
+<path d="M1216.15 387.92C1212.18 387.92 1209.09 391.009 1209.09 394.981C1209.09 398.953 1212.18 402.042 1216.15 402.042C1220.13 402.042 1223.22 398.953 1223.22 394.981C1222.78 391.009 1219.69 387.92 1216.15 387.92Z" fill="black" fill-opacity="0.05"/>
+<path d="M952.618 613.875H673.631V610.345H951.294L998.086 569.743H1022.36V573.274H999.41L952.618 613.875Z" fill="black" fill-opacity="0.05"/>
+<path d="M1022.36 578.128C1026.34 578.128 1029.43 575.039 1029.43 571.067C1029.43 567.095 1026.34 564.006 1022.36 564.006C1018.39 564.006 1015.3 567.095 1015.3 571.067C1015.3 575.039 1018.39 578.128 1022.36 578.128Z" fill="black" fill-opacity="0.05"/>
+<path d="M1564.45 613.875H1285.46L1238.67 573.274H1215.71V569.743H1239.99L1286.78 610.345H1564.45V613.875Z" fill="black" fill-opacity="0.05"/>
+<path d="M1216.15 564.447C1212.18 564.447 1209.09 567.536 1209.09 571.508C1209.09 575.48 1212.18 578.569 1216.15 578.569C1220.13 578.569 1223.22 575.48 1223.22 571.508C1222.78 567.536 1219.69 564.447 1216.15 564.447Z" fill="black" fill-opacity="0.05"/>
+<path d="M1022.36 396.305H998.086L951.294 355.703H673.631V351.731H952.618L999.41 392.774H1022.36V396.305Z" fill="black" fill-opacity="0.05"/>
+<path d="M1022.36 401.601C1026.34 401.601 1029.43 398.512 1029.43 394.54C1029.43 390.568 1026.34 387.479 1022.36 387.479C1018.39 387.479 1015.3 390.568 1015.3 394.54C1015.3 398.512 1018.39 401.601 1022.36 401.601Z" fill="black" fill-opacity="0.05"/>
+<path d="M1866.83 436.906H1721.16L1655.82 379.976L1658.47 377.328L1722.48 433.375H1865.51L1944.96 364.088H2190.4L2204.97 351.29L2207.62 353.938L2191.73 367.619H1946.29L1866.83 436.906Z" fill="black" fill-opacity="0.05"/>
+<path d="M33.1076 614.758L30.459 612.11L46.3507 598.429H291.789L371.247 529.142H516.921L582.253 586.072L579.604 588.72L515.596 532.672H372.571L293.113 601.959H47.675L33.1076 614.758Z" fill="black" fill-opacity="0.05"/>
+<path d="M27.3693 608.138C24.7207 610.786 24.2793 614.757 26.4864 617.847C29.1351 620.495 33.108 620.936 36.198 618.729C38.8466 616.081 39.2881 612.109 37.0809 609.02C34.8737 605.931 30.4594 605.49 27.3693 608.138Z" fill="black" fill-opacity="0.05"/>
+<path d="M2204.97 614.758L2190.4 601.959H1944.96L1865.51 532.672H1722.48L1658.47 588.72L1655.82 586.072L1721.16 529.142H1866.83L1946.29 598.429H2191.73L2207.62 612.11L2204.97 614.758Z" fill="black" fill-opacity="0.05"/>
+<path d="M516.921 436.907H371.247L291.789 367.62H46.3507L30.459 353.939L33.1076 351.291L47.675 364.089H293.113L372.571 433.376H515.596L579.604 377.329L582.253 379.977L516.921 436.907Z" fill="black" fill-opacity="0.05"/>
+<path d="M36.6392 347.76C33.9906 345.112 29.5762 345.554 26.9276 348.643C24.279 351.291 24.7204 355.704 27.8105 358.352C30.4591 361 34.8734 360.558 37.522 357.469C39.7292 354.38 39.2878 349.967 36.6392 347.76Z" fill="black" fill-opacity="0.05"/>
+<path d="M1733.07 300.98H1552.09L1462.92 222.867L1465.12 220.219L1553.85 297.45H1731.31L1854.03 190.65H1928.19L1964.39 221.984L1961.74 224.632L1926.86 194.181H1855.35L1733.07 300.98Z" fill="black" fill-opacity="0.05"/>
+<path d="M384.049 775.398H309.888L274.132 744.065L276.339 741.417L311.212 771.868H382.725L505.444 665.068H685.991L775.161 743.182L772.954 745.83L684.667 668.599H506.768L384.049 775.398Z" fill="black" fill-opacity="0.05"/>
+<path d="M279.871 737.886C277.222 735.238 272.808 735.68 270.159 738.769C267.51 741.417 267.952 745.83 271.042 748.478C273.691 751.126 278.105 750.684 280.753 747.595C282.961 744.506 282.961 740.093 279.871 737.886Z" fill="black" fill-opacity="0.05"/>
+<path d="M1928.19 775.398H1854.03L1731.31 668.599H1553.85L1465.12 745.83L1462.92 743.182L1552.09 665.068H1733.07L1855.35 771.868H1926.86L1961.74 741.417L1964.39 744.065L1928.19 775.398Z" fill="black" fill-opacity="0.05"/>
+<path d="M685.99 300.98H505.443L382.724 194.181H311.211L276.338 224.632L274.131 221.984L309.887 190.65H384.048L506.767 297.45H684.666L772.953 220.219L775.16 222.867L685.99 300.98Z" fill="black" fill-opacity="0.05"/>
+<path d="M271.041 218.012C268.393 220.66 267.951 224.632 270.158 227.721C272.807 230.369 276.78 230.81 279.87 228.604C282.519 225.956 282.96 221.984 280.753 218.895C278.104 215.806 273.69 215.364 271.041 218.012Z" fill="black" fill-opacity="0.05"/>
+<path d="M1810.33 331.431H1670.39L1634.63 300.538L1636.84 297.449L1671.72 327.9H1808.56L1888.9 257.73H2167.01V261.702H1890.23L1810.33 331.431Z" fill="black" fill-opacity="0.05"/>
+<path d="M349.175 707.876H71.0713V704.346H347.851L428.192 634.617H567.686L603.442 665.51L601.235 668.599L566.362 638.148H429.517L349.175 707.876Z" fill="black" fill-opacity="0.05"/>
+<path d="M71.5132 699.491C67.5402 699.491 64.4502 702.58 64.4502 706.552C64.4502 710.524 67.5402 713.613 71.5132 713.613C75.4861 713.613 78.5761 710.524 78.5761 706.552C78.1347 702.58 75.0446 699.491 71.5132 699.491Z" fill="black" fill-opacity="0.05"/>
+<path d="M2167.01 707.876H1888.9L1808.56 638.148H1671.72L1636.84 668.599L1634.63 665.51L1670.39 634.617H1810.33L1890.23 704.346H2167.01V707.876Z" fill="black" fill-opacity="0.05"/>
+<path d="M567.686 331.431H428.192L347.851 261.702H71.0713V257.73H349.175L429.517 327.9H566.362L601.235 297.449L603.442 300.538L567.686 331.431Z" fill="black" fill-opacity="0.05"/>
+<path d="M71.5132 252.876C67.5402 252.876 64.4502 255.965 64.4502 259.937C64.4502 263.909 67.5402 266.998 71.5132 266.998C75.4861 266.998 78.5761 263.909 78.5761 259.937C78.1347 255.965 75.0446 252.876 71.5132 252.876Z" fill="black" fill-opacity="0.05"/>
+<path d="M1126.1 203.89H1111.98L1076.66 172.556H1012.21V169.025H1077.99L1113.74 199.918H1124.78L1160.09 169.025H1232.49V172.556H1161.86L1126.1 203.89Z" fill="black" fill-opacity="0.05"/>
+<path d="M1012.65 163.729C1008.68 163.729 1005.59 166.819 1005.59 170.791C1005.59 174.762 1008.68 177.852 1012.65 177.852C1016.63 177.852 1019.72 174.762 1019.72 170.791C1019.72 166.819 1016.63 163.729 1012.65 163.729Z" fill="black" fill-opacity="0.05"/>
+<path d="M1225.87 797.023H1160.09L1124.78 765.689H1113.74L1077.99 797.023H1005.59V793.492H1076.66L1111.98 762.159H1126.1L1161.86 793.492H1225.87V797.023Z" fill="black" fill-opacity="0.05"/>
+<path d="M1225.42 801.878C1229.4 801.878 1232.49 798.788 1232.49 794.817C1232.49 790.845 1229.4 787.755 1225.42 787.755C1221.45 787.755 1218.36 790.845 1218.36 794.817C1218.8 798.788 1221.89 801.878 1225.42 801.878Z" fill="black" fill-opacity="0.05"/>
+<path d="M1174.66 344.229H1056.8V347.76H1174.66V344.229Z" fill="black" fill-opacity="0.05"/>
+<path d="M1174.66 353.056C1178.63 353.056 1181.72 349.967 1181.72 345.995C1181.72 342.023 1178.63 338.934 1174.66 338.934C1170.69 338.934 1167.6 342.023 1167.6 345.995C1167.6 349.967 1170.69 353.056 1174.66 353.056Z" fill="black" fill-opacity="0.05"/>
+<path d="M1181.28 618.289H1063.42V621.819H1181.28V618.289Z" fill="black" fill-opacity="0.05"/>
+<path d="M1063.86 612.993C1059.89 612.993 1056.8 616.082 1056.8 620.054C1056.8 624.026 1059.89 627.115 1063.86 627.115C1067.83 627.115 1070.92 624.026 1070.92 620.054C1070.48 616.082 1067.39 612.993 1063.86 612.993Z" fill="black" fill-opacity="0.05"/>
+<path d="M1464.68 421.46H773.395L744.702 396.305H694.819V392.774H746.026L774.719 417.488H1463.36L1492.05 392.774H1537.08V396.305H1493.38L1464.68 421.46Z" fill="black" fill-opacity="0.05"/>
+<path d="M1536.64 401.601C1540.61 401.601 1543.7 398.512 1543.7 394.54C1543.7 390.568 1540.61 387.479 1536.64 387.479C1532.66 387.479 1529.57 390.568 1529.57 394.54C1529.57 398.512 1532.66 401.601 1536.64 401.601Z" fill="black" fill-opacity="0.05"/>
+<path d="M1543.7 573.274H1492.05L1463.36 548.56H774.719L746.025 573.274H700.999V569.743H744.701L773.394 544.588H1464.68L1493.38 569.743H1543.7V573.274Z" fill="black" fill-opacity="0.05"/>
+<path d="M701.441 564.447C697.468 564.447 694.378 567.536 694.378 571.508C694.378 575.48 697.468 578.569 701.441 578.569C705.414 578.569 708.504 575.48 708.504 571.508C708.504 567.536 705.414 564.447 701.441 564.447Z" fill="black" fill-opacity="0.05"/>
+<path d="M1119.04 291.712L1085.49 262.585H935.843L914.213 281.562H801.205V277.59H912.888L934.518 259.055H1086.81L1119.04 286.858L1151.26 259.055H1303.56L1325.63 277.59H1430.69V281.562H1323.86L1302.23 262.585H1152.59L1119.04 291.712Z" fill="black" fill-opacity="0.05"/>
+<path d="M1430.25 286.416C1434.22 286.416 1437.31 283.327 1437.31 279.355C1437.31 275.383 1434.22 272.294 1430.25 272.294C1426.28 272.294 1423.19 275.383 1423.19 279.355C1423.19 283.327 1426.28 286.416 1430.25 286.416Z" fill="black" fill-opacity="0.05"/>
+<path d="M1303.56 706.994H1151.26L1119.04 679.19L1086.81 706.994H934.518L912.888 688.017H807.385V684.486H914.212L935.842 703.463H1085.49L1119.04 674.336L1152.59 703.463H1302.23L1323.86 684.486H1437.31V688.017H1325.63L1303.56 706.994Z" fill="black" fill-opacity="0.05"/>
+<path d="M807.827 679.632C803.854 679.632 800.764 682.721 800.764 686.693C800.764 690.665 803.854 693.754 807.827 693.754C811.8 693.754 814.89 690.665 814.89 686.693C814.89 682.721 811.8 679.632 807.827 679.632Z" fill="black" fill-opacity="0.05"/>
+<path d="M1647.88 353.497L1633.31 340.699H1547.67V337.168H1634.63L1650.53 350.849L1647.88 353.497Z" fill="black" fill-opacity="0.05"/>
+<path d="M1644.35 357.028C1647 359.676 1651.41 359.234 1654.06 356.145C1656.71 353.497 1656.27 349.084 1653.18 346.436C1650.53 343.788 1646.11 344.229 1643.46 347.319C1641.26 350.408 1641.7 354.821 1644.35 357.028Z" fill="black" fill-opacity="0.05"/>
+<path d="M690.847 628.88H603.442L587.992 615.199L590.199 612.551L605.208 625.35H690.847V628.88Z" fill="black" fill-opacity="0.05"/>
+<path d="M593.731 609.021C591.082 606.373 586.668 606.814 584.019 609.904C581.371 612.551 581.812 616.965 584.902 619.613C587.551 622.261 591.965 621.819 594.614 618.73C596.821 615.641 596.821 611.227 593.731 609.021Z" fill="black" fill-opacity="0.05"/>
+<path d="M1634.63 628.88H1547.67V625.35H1633.31L1647.88 612.551L1650.53 615.199L1634.63 628.88Z" fill="black" fill-opacity="0.05"/>
+<path d="M1653.62 619.171C1656.27 616.523 1656.71 612.551 1654.5 609.462C1651.85 606.814 1647.88 606.373 1644.79 608.579C1642.14 611.227 1641.7 615.199 1643.9 618.288C1646.11 621.378 1650.53 621.819 1653.62 619.171Z" fill="black" fill-opacity="0.05"/>
+<path d="M590.198 353.497L587.991 350.849L603.441 337.168H690.846V340.699H605.207L590.198 353.497Z" fill="black" fill-opacity="0.05"/>
+<path d="M584.902 346.877C582.253 349.525 581.812 353.497 584.019 356.586C586.667 359.234 590.64 359.676 593.73 357.469C596.379 354.821 596.82 350.849 594.613 347.76C591.964 344.671 587.55 344.229 584.902 346.877Z" fill="black" fill-opacity="0.05"/>
+<path d="M1689.37 270.97H1518.98V267.44H1687.61L1812.53 158.875H1921.13V162.406H1813.86L1689.37 270.97Z" fill="black" fill-opacity="0.05"/>
+<path d="M425.985 807.173H316.95V803.643H424.219L549.145 695.078H719.098V698.609H550.469L425.985 807.173Z" fill="black" fill-opacity="0.05"/>
+<path d="M317.392 798.347C313.419 798.347 310.329 801.436 310.329 805.408C310.329 809.38 313.419 812.469 317.392 812.469C321.365 812.469 324.455 809.38 324.455 805.408C324.014 801.436 320.924 798.347 317.392 798.347Z" fill="black" fill-opacity="0.05"/>
+<path d="M1921.13 807.173H1812.53L1687.61 698.609H1518.98V695.078H1689.37L1813.86 803.643H1921.13V807.173Z" fill="black" fill-opacity="0.05"/>
+<path d="M719.098 270.97H549.145L424.219 162.406H316.95V158.875H425.985L550.469 267.44H719.098V270.97Z" fill="black" fill-opacity="0.05"/>
+<path d="M317.392 167.701C321.293 167.701 324.455 164.54 324.455 160.64C324.455 156.74 321.293 153.579 317.392 153.579C313.491 153.579 310.329 156.74 310.329 160.64C310.329 164.54 313.491 167.701 317.392 167.701Z" fill="black" fill-opacity="0.05"/>
+<path d="M244.996 789.521H139.493V793.051H244.996V789.521Z" fill="black" fill-opacity="0.05"/>
+<path d="M139.935 784.666C135.962 784.666 132.872 787.755 132.872 791.727C132.872 795.699 135.962 798.788 139.935 798.788C143.908 798.788 146.998 795.699 146.998 791.727C146.557 787.755 143.467 784.666 139.935 784.666Z" fill="black" fill-opacity="0.05"/>
+<path d="M244.996 172.997H139.493V176.528H244.996V172.997Z" fill="black" fill-opacity="0.05"/>
+<path d="M139.935 167.701C135.962 167.701 132.872 170.79 132.872 174.762C132.872 178.734 135.962 181.823 139.935 181.823C143.908 181.823 146.998 178.734 146.998 174.762C146.557 170.79 143.467 167.701 139.935 167.701Z" fill="black" fill-opacity="0.05"/>
+<path d="M1671.72 161.523H1617.42V157.993H1670.39L1735.28 101.062H2009.41L2034.13 122.687L2031.93 125.776L2008.09 105.034H1736.61L1671.72 161.523Z" fill="black" fill-opacity="0.05"/>
+<path d="M502.795 864.986H228.664L203.943 843.362L206.151 840.272L229.988 861.014H501.471L566.362 804.525H620.658V808.056H567.686L502.795 864.986Z" fill="black" fill-opacity="0.05"/>
+<path d="M210.124 836.742C207.475 834.094 203.061 834.535 200.412 837.624C197.763 840.272 198.205 844.685 201.295 847.333C203.943 849.981 208.358 849.54 211.006 846.451C213.214 843.803 212.772 839.39 210.124 836.742Z" fill="black" fill-opacity="0.05"/>
+<path d="M2009.41 864.986H1735.28L1670.39 808.056H1617.42V804.525H1671.72L1736.61 861.014H2008.09L2031.93 840.272L2034.13 843.362L2009.41 864.986Z" fill="black" fill-opacity="0.05"/>
+<path d="M620.658 161.523H566.362L501.471 105.034H229.988L206.151 125.776L203.943 122.687L228.664 101.062H502.795L567.686 157.993H620.658V161.523Z" fill="black" fill-opacity="0.05"/>
+<path d="M200.854 118.716C198.205 121.364 197.764 125.335 199.971 128.425C202.619 131.073 206.592 131.514 209.682 129.307C212.331 126.659 212.772 122.688 210.565 119.598C207.917 116.509 203.944 116.509 200.854 118.716Z" fill="black" fill-opacity="0.05"/>
+<path d="M1633.75 90.4709H1564.89L1523.39 54.2827L1525.6 51.6348L1566.21 86.9403H1633.75V90.4709Z" fill="black" fill-opacity="0.05"/>
+<path d="M1633.31 95.7667C1637.28 95.7667 1640.37 92.6775 1640.37 88.7056C1640.37 84.7338 1637.28 81.6445 1633.31 81.6445C1629.34 81.6445 1626.25 84.7338 1626.25 88.7056C1626.69 92.6775 1629.78 95.7667 1633.31 95.7667Z" fill="black" fill-opacity="0.05"/>
+<path d="M712.476 914.414L671.864 879.109H604.324V875.578H673.188L714.683 911.766L712.476 914.414Z" fill="black" fill-opacity="0.05"/>
+<path d="M604.766 870.282C600.793 870.282 597.703 873.371 597.703 877.343C597.703 881.315 600.793 884.404 604.766 884.404C608.739 884.404 611.829 881.315 611.829 877.343C611.388 873.371 608.298 870.282 604.766 870.282Z" fill="black" fill-opacity="0.05"/>
+<path d="M1525.6 914.414L1523.39 911.766L1564.89 875.578H1633.75V879.109H1566.21L1525.6 914.414Z" fill="black" fill-opacity="0.05"/>
+<path d="M1633.31 883.963C1637.28 883.963 1640.37 880.874 1640.37 876.902C1640.37 872.93 1637.28 869.841 1633.31 869.841C1629.34 869.841 1626.25 872.93 1626.25 876.902C1626.69 880.874 1629.78 883.963 1633.31 883.963Z" fill="black" fill-opacity="0.05"/>
+<path d="M673.188 90.4709H604.324V86.9403H671.864L712.476 51.6348L714.683 54.2827L673.188 90.4709Z" fill="black" fill-opacity="0.05"/>
+<path d="M604.766 81.6445C600.793 81.6445 597.703 84.7338 597.703 88.7056C597.703 92.6775 600.793 95.7667 604.766 95.7667C608.739 95.7667 611.829 92.6775 611.829 88.7056C611.388 84.7338 608.298 81.6445 604.766 81.6445Z" fill="black" fill-opacity="0.05"/>
+<path d="M116.98 902.94H-84.7559V899.409H115.656L154.943 864.986L157.592 867.634L116.98 902.94Z" fill="black" fill-opacity="0.05"/>
+<path d="M154.943 101.062L115.656 66.639H-84.7559V63.1084H116.98L157.592 98.414L154.943 101.062Z" fill="black" fill-opacity="0.05"/>
+<path d="M1859.77 408.662H1781.19L1748.08 379.976L1750.73 377.328L1782.52 405.132H1858.44L1940.11 334.079H2117.12V337.61H1941.43L1859.77 408.662Z" fill="black" fill-opacity="0.05"/>
+<path d="M297.969 631.97H121.395V628.439H296.644L378.31 557.387H456.885L489.993 586.072L487.786 588.72L455.561 560.917H380.076L297.969 631.97Z" fill="black" fill-opacity="0.05"/>
+<path d="M121.395 623.584C117.422 623.584 114.332 626.674 114.332 630.646C114.332 634.617 117.422 637.707 121.395 637.707C125.368 637.707 128.458 634.617 128.458 630.646C128.458 626.674 125.368 623.584 121.395 623.584Z" fill="black" fill-opacity="0.05"/>
+<path d="M2117.12 631.97H1940.11L1858.44 560.917H1782.52L1750.73 588.72L1748.08 586.072L1781.19 557.387H1859.77L1941.43 628.439H2117.12V631.97Z" fill="black" fill-opacity="0.05"/>
+<path d="M456.885 408.662H378.31L296.644 337.61H121.395V334.079H297.969L380.076 405.132H455.561L487.786 377.328L489.993 379.976L456.885 408.662Z" fill="black" fill-opacity="0.05"/>
+<path d="M121.395 328.783C117.422 328.783 114.332 331.872 114.332 335.844C114.332 339.816 117.422 342.905 121.395 342.905C125.368 342.905 128.458 339.816 128.458 335.844C128.458 331.872 125.368 328.783 121.395 328.783Z" fill="black" fill-opacity="0.05"/>
+<path d="M1287.67 463.386H943.789V466.916H1287.67V463.386Z" fill="black" fill-opacity="0.05"/>
+<path d="M1287.23 472.212C1291.2 472.212 1294.29 469.123 1294.29 465.151C1294.29 461.179 1291.2 458.09 1287.23 458.09C1283.25 458.09 1280.16 461.179 1280.16 465.151C1280.6 469.123 1283.69 472.212 1287.23 472.212Z" fill="black" fill-opacity="0.05"/>
+<path d="M1294.29 499.133H950.411V502.663H1294.29V499.133Z" fill="black" fill-opacity="0.05"/>
+<path d="M950.852 493.837C946.879 493.837 943.789 496.926 943.789 500.898C943.789 504.87 946.879 507.959 950.852 507.959C954.825 507.959 957.915 504.87 957.915 500.898C957.474 496.926 954.383 493.837 950.852 493.837Z" fill="black" fill-opacity="0.05"/>
+<path d="M1509.71 521.198L1507.5 518.55L1548.55 482.803L1502.65 443.084L1504.85 440.437L1553.85 482.803L1509.71 521.198Z" fill="black" fill-opacity="0.05"/>
+<path d="M1504.41 514.579C1501.76 517.226 1501.32 521.198 1503.53 524.288C1506.18 526.935 1510.15 527.377 1513.24 525.17C1515.89 522.522 1516.33 518.55 1514.12 515.461C1511.47 512.372 1507.5 511.931 1504.41 514.579Z" fill="black" fill-opacity="0.05"/>
+<path d="M733.224 525.611L684.225 482.803L728.368 444.408L730.575 447.497L689.963 482.803L735.431 522.963L733.224 525.611Z" fill="black" fill-opacity="0.05"/>
+<path d="M733.666 451.469C736.314 448.821 736.756 444.85 734.549 441.76C731.9 439.112 727.927 438.671 724.837 440.878C722.188 443.526 721.747 447.497 723.954 450.587C726.603 453.676 731.017 454.117 733.666 451.469Z" fill="black" fill-opacity="0.05"/>
+<path d="M1644.79 445.732L1603.73 410.427H1695.99V413.957H1613.45L1647 443.084L1644.79 445.732Z" fill="black" fill-opacity="0.05"/>
+<path d="M1641.26 449.704C1643.9 452.352 1648.32 451.911 1650.97 448.822C1653.62 446.174 1653.17 441.761 1650.08 439.113C1647.44 436.465 1643.02 436.906 1640.37 439.995C1637.72 442.643 1638.17 447.056 1641.26 449.704Z" fill="black" fill-opacity="0.05"/>
+<path d="M634.343 555.622H542.083V552.091H624.631L591.082 522.964L593.289 519.875L634.343 555.622Z" fill="black" fill-opacity="0.05"/>
+<path d="M597.262 516.344C594.614 513.696 590.199 514.138 587.551 517.227C584.902 519.875 585.343 524.288 588.434 526.936C591.082 529.584 595.496 529.142 598.145 526.053C600.352 523.405 599.911 518.992 597.262 516.344Z" fill="black" fill-opacity="0.05"/>
+<path d="M1695.99 555.621H1603.73L1644.79 519.874L1647 522.963L1613.45 552.09H1695.99V555.621Z" fill="black" fill-opacity="0.05"/>
+<path d="M1650.09 526.935C1652.73 524.287 1653.18 520.315 1650.97 517.226C1648.32 514.578 1644.35 514.137 1641.26 516.343C1638.61 518.991 1638.17 522.963 1640.37 526.053C1642.58 529.142 1647.44 529.142 1650.09 526.935Z" fill="black" fill-opacity="0.05"/>
+<path d="M593.289 445.732L591.082 443.084L624.631 413.957H542.083V410.427H634.343L593.289 445.732Z" fill="black" fill-opacity="0.05"/>
+<path d="M587.992 439.113C585.344 441.761 584.902 445.733 587.11 448.822C589.758 451.47 593.731 451.911 596.821 449.704C599.47 447.056 599.911 443.085 597.704 439.995C595.055 436.906 591.082 436.465 587.992 439.113Z" fill="black" fill-opacity="0.05"/>
+<path d="M1228.51 238.754H1003.38V242.284H1228.51V238.754Z" fill="black" fill-opacity="0.05"/>
+<path d="M1228.07 247.58C1232.05 247.58 1235.14 244.491 1235.14 240.519C1235.14 236.547 1232.05 233.458 1228.07 233.458C1224.1 233.458 1221.01 236.547 1221.01 240.519C1221.01 244.491 1224.1 247.58 1228.07 247.58Z" fill="black" fill-opacity="0.05"/>
+<path d="M1234.7 723.322H1009.56V726.853H1234.7V723.322Z" fill="black" fill-opacity="0.05"/>
+<path d="M1010 718.468C1006.03 718.468 1002.94 721.557 1002.94 725.529C1002.94 729.501 1006.03 732.59 1010 732.59C1013.98 732.59 1017.07 729.501 1017.07 725.529C1017.07 721.557 1013.98 718.468 1010 718.468Z" fill="black" fill-opacity="0.05"/>
+<path d="M1835.05 263.026H1777.22V259.054H1833.72L1876.98 221.542L1879.63 224.19L1835.05 263.026Z" fill="black" fill-opacity="0.05"/>
+<path d="M1882.72 228.162C1885.37 225.514 1885.81 221.542 1883.6 218.453C1880.96 215.805 1876.98 215.363 1873.89 217.57C1871.24 220.218 1870.8 224.19 1873.01 227.279C1875.22 230.368 1879.63 230.81 1882.72 228.162Z" fill="black" fill-opacity="0.05"/>
+<path d="M361.094 744.506L358.887 741.858L403.03 703.022H460.858V706.994H404.355L361.094 744.506Z" fill="black" fill-opacity="0.05"/>
+<path d="M355.797 737.886C353.148 740.534 352.707 744.506 354.914 747.595C357.563 750.243 361.536 750.684 364.626 748.478C367.274 745.83 367.716 741.858 365.509 738.769C362.86 735.68 358.446 735.238 355.797 737.886Z" fill="black" fill-opacity="0.05"/>
+<path d="M1876.98 744.506L1833.72 706.994H1777.22V703.022H1835.05L1879.63 741.858L1876.98 744.506Z" fill="black" fill-opacity="0.05"/>
+<path d="M1873.45 748.036C1876.1 750.684 1880.51 750.243 1883.16 747.154C1885.81 744.506 1885.37 740.093 1882.28 737.445C1879.63 734.797 1875.22 735.238 1872.57 738.327C1870.36 741.417 1870.8 745.83 1873.45 748.036Z" fill="black" fill-opacity="0.05"/>
+<path d="M460.858 263.027H403.03L358.887 224.191L361.094 221.543L404.355 259.055H460.858V263.027Z" fill="black" fill-opacity="0.05"/>
+<path d="M364.625 217.571C361.977 214.923 357.563 215.364 354.914 218.453C352.265 221.101 352.707 225.514 355.797 228.162C358.887 230.81 362.86 230.369 365.508 227.28C367.716 224.632 367.716 220.219 364.625 217.571Z" fill="black" fill-opacity="0.05"/>
+<path d="M1394.94 157.11H1282.37L1253.68 132.396L1256.32 129.307L1283.69 153.579H1394.94V157.11Z" fill="black" fill-opacity="0.05"/>
+<path d="M1394.49 161.964C1398.47 161.964 1401.56 158.875 1401.56 154.903C1401.56 150.931 1398.47 147.842 1394.49 147.842C1390.52 147.842 1387.43 150.931 1387.43 154.903C1387.87 158.875 1390.96 161.964 1394.49 161.964Z" fill="black" fill-opacity="0.05"/>
+<path d="M982.194 836.742L954.383 812.469H843.142V808.938H955.708L984.401 833.652L982.194 836.742Z" fill="black" fill-opacity="0.05"/>
+<path d="M843.583 804.084C839.611 804.084 836.521 807.173 836.521 811.145C836.521 815.117 839.611 818.206 843.583 818.206C847.556 818.206 850.646 815.117 850.646 811.145C850.646 806.732 847.556 804.084 843.583 804.084Z" fill="black" fill-opacity="0.05"/>
+<path d="M1256.32 836.742L1253.68 833.652L1282.37 808.938H1394.94V812.469H1283.69L1256.32 836.742Z" fill="black" fill-opacity="0.05"/>
+<path d="M1394.49 817.765C1398.47 817.765 1401.56 814.676 1401.56 810.704C1401.56 806.732 1398.47 803.643 1394.49 803.643C1390.52 803.643 1387.43 806.732 1387.43 810.704C1387.87 814.676 1390.96 817.765 1394.49 817.765Z" fill="black" fill-opacity="0.05"/>
+<path d="M955.708 157.11H843.142V153.579H954.383L982.194 129.307L984.401 132.396L955.708 157.11Z" fill="black" fill-opacity="0.05"/>
+<path d="M843.583 148.283C839.611 148.283 836.521 151.372 836.521 155.344C836.521 159.316 839.611 162.405 843.583 162.405C847.556 162.405 850.646 159.316 850.646 155.344C850.646 151.372 847.556 148.283 843.583 148.283Z" fill="black" fill-opacity="0.05"/>
+<path d="M2018.68 34.8646H1797.97L1768.83 9.70934L1771.48 6.62012L1799.29 31.334H2018.68V34.8646Z" fill="black" fill-opacity="0.05"/>
+<path d="M467.039 958.987L438.787 934.715H219.394V931.184H440.553L469.246 956.339L467.039 958.987Z" fill="black" fill-opacity="0.05"/>
+<path d="M219.835 926.33C215.863 926.33 212.772 929.419 212.772 933.391C212.772 937.363 215.863 940.452 219.835 940.452C223.808 940.452 226.898 937.363 226.898 933.391C226.898 929.419 223.808 926.33 219.835 926.33Z" fill="black" fill-opacity="0.05"/>
+<path d="M1771.48 958.987L1768.83 956.339L1797.97 931.184H2018.68V934.715H1799.29L1771.48 958.987Z" fill="black" fill-opacity="0.05"/>
+<path d="M440.553 34.8646H219.394V31.334H438.787L467.039 6.62012L469.246 9.70934L440.553 34.8646Z" fill="black" fill-opacity="0.05"/>
+<path d="M219.835 26.0381C215.863 26.0381 212.772 29.1273 212.772 33.0992C212.772 37.0711 215.863 40.1603 219.835 40.1603C223.808 40.1603 226.898 37.0711 226.898 33.0992C226.898 29.1273 223.808 26.0381 219.835 26.0381Z" fill="black" fill-opacity="0.05"/>
+<path d="M5.2971 866.752H-42.8193V863.221H3.97279L48.1163 824.826L50.3235 827.474L5.2971 866.752Z" fill="black" fill-opacity="0.05"/>
+<path d="M48.1163 141.222L3.97279 102.827H-42.8193V99.2969H5.2971L50.3235 138.133L48.1163 141.222Z" fill="black" fill-opacity="0.05"/>
+</g>
+</svg>

src/components/Layout/GlobalHeader/AvatarDropdown.jsx

@@ -142,13 +142,6 @@ export class AvatarDropdown extends React.Component {
             <span className={styles['user-label']}>{t('User')}</span>
             <span>{username}</span>
           </span>
-          <Button
-            type="link"
-            onClick={this.handleLogout}
-            className={`${styles['menu-btn']} ${styles.logout} ${styles['no-padding-top']}`}
-          >
-            {t('Sign Out')}
-          </Button>
         </Menu.Item>
         <Menu.Divider className={styles['menu-divider']} />
         {this.renderLanguageMenuItem()}

src/components/Layout/GlobalHeader/ProjectDropdown.jsx

@@ -56,7 +56,11 @@ export class ProjectDropdown extends React.Component {
     }
     const { projectName, userDomainName } = this.project;
     return (
-      <div className={styles.project} id="project-switch">
+      <div
+        className={styles.project}
+        id="project-switch"
+        style={{ paddingLeft: '8px' }}
+      >
         <ItemActionButtons
           actions={{ moreActions: [{ action: ProjectSelect }] }}
         />

src/components/Layout/GlobalHeader/index.jsx

@@ -13,11 +13,6 @@
 // limitations under the License.
 
 import React from 'react';
-import { Link } from 'react-router-dom';
-
-import cloudLogo from 'asset/image/FelCloud_website_white-07-01.png';
-import { getPath } from 'utils/route-map';
-import classnames from 'classnames';
 import GlobalNav from '../GlobalNav';
 import ProjectDropdown from './ProjectDropdown';
 import RightContent from './RightContent';
@@ -25,35 +20,9 @@ import styles from './index.less';
 
 export default function HeaderContent(props) {
   const { isAdminPage = false, navItems = [] } = props;
-
-  const getRouteName = (routeName) =>
-    isAdminPage ? `${routeName}Admin` : routeName;
-
-  const getRoutePath = (routeName, params = {}, query = {}) => {
-    const realName = getRouteName(routeName);
-    return getPath({ key: realName, params, query });
-  };
-
-  const renderLogo = () => {
-    const homeUrl = getRoutePath('overview');
-    const logoSrc =
-      GLOBAL_VARIABLES.skylineThemeName === 'default' ? cloudLogo : cloudLogo;
-    return (
-      <div
-        className={classnames(styles.logo)}
-        style={{ backgroundColor: '#26262B' }}
-      >
-        <Link to={homeUrl}>
-          <img src={logoSrc} alt="logo" className={styles['logo-image']} />
-        </Link>
-      </div>
-    );
-  };
-
   return (
     <div className={styles.header}>
       <GlobalNav navItems={navItems} />
-      {renderLogo()}
       {!isAdminPage && <ProjectDropdown />}
       <RightContent {...props} />
     </div>

src/components/SimpleForm/index.jsx

@@ -101,6 +101,7 @@ export default class index extends Component {
         ref={formref}
         className={classnames(className, 'simple-form')}
         {...rest}
+        style={{ color: 'white !important' }}
       >
         {this.renderFormItems()}
       </Form>

src/layouts/Auth/index.jsx

@@ -50,16 +50,20 @@ export class AuthLayout extends Component {
   render() {
     return (
       <div className={styles.container}>
-        <div className={styles.left}>
+        <div
+          className={styles.left}
+          style={{
+            background: 'linear-gradient(-240deg, #3f004a 50%, #000000 100%)',
+            color: 'white',
+          }}
+        >
           <div className={styles.lang}>
             <SelectLang />
           </div>
+          <div style={{ padding: '2px' }}>tag: 4eb372136d</div>
           <div className={styles.main}>
             <div className={styles.top}>
-              <div
-                className={styles.header}
-                style={{ backgroundColor: '#26262b;', width: 'fit-content' }}
-              >
+              <div className={styles.header} style={{ width: 'fit-content' }}>
                 <img alt="logo" className={styles.logo} src={logo} />
               </div>
             </div>

src/layouts/Base/index.jsx

@@ -19,7 +19,7 @@ import i18n from 'core/i18n';
 import { isAdminPage, isUserCenterPage } from 'utils/index';
 import { BellOutlined } from '@ant-design/icons';
 import checkItemPolicy from 'resources/skyline/policy';
-import { Layout } from 'antd';
+import { Layout, Modal } from 'antd';
 import GlobalHeader from 'components/Layout/GlobalHeader';
 import { setRouteMap, getPath } from 'utils/route-map';
 import renderAdminMenu from '../admin-menu';
@@ -47,10 +47,42 @@ export class BaseLayout extends Component {
     this.init();
   }
 
-  componentWillUnmount() {
-    this.autoReaction();
+  componentDidMount() {
+    window.addEventListener('message', this.handleMessage);
   }
 
+  componentWillUnmount() {
+    // Remove the event listener when the component is unmounted
+    window.removeEventListener('message', this.handleMessage);
+  }
+
+  handleMessage = (event) => {
+    // Get the origin of the parent app dynamically
+    const allowedOrigin = event.origin; // Dynamically get the parent app origin
+    if (!allowedOrigin) {
+      console.warn('Event origin is missing');
+      return;
+    }
+
+    const { type, value } = event.data;
+
+    if (type === 'SET_DATA') {
+      const { currency, floatingIps, userEmail, consoleHost, computePrices } =
+        value;
+      if (!consoleHost || consoleHost !== allowedOrigin) {
+        console.error('Invalid consoleHost received:', consoleHost);
+        return;
+      }
+      if (currency) localStorage.setItem('currency', currency);
+      if (floatingIps)
+        localStorage.setItem('floatingIps', JSON.stringify(floatingIps));
+      if (userEmail) localStorage.setItem('userEmail', userEmail);
+      if (consoleHost) localStorage.setItem('consoleHost', consoleHost);
+      if (computePrices)
+        localStorage.setItem('computePrices', JSON.stringify(computePrices));
+    }
+  };
+
   get isAdminPage() {
     const { pathname } = this.props.location;
     return isAdminPage(pathname);
@@ -260,6 +292,46 @@ export class BaseLayout extends Component {
   render() {
     const { pathname } = this.props.location;
     const currentRoutes = this.getCurrentMenu(pathname);
+    if (window.opener) {
+      const keystoneToken = JSON.parse(
+        localStorage.getItem('keystone_token')
+      ).value;
+      const allowedOrigins = [
+        'https://baha-dev.felcloud.io',
+        'https://demo.felcloud.io',
+      ];
+      allowedOrigins.forEach((origin) => {
+        const message = {
+          status: 'popupCompleted',
+          token: keystoneToken,
+        };
+        window.opener.postMessage(message, origin);
+      });
+      return (
+        <Modal
+          visible
+          closable={false}
+          footer={null}
+          style={{
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            width: '100vw',
+            height: '100vh',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+          }}
+          bodyStyle={{
+            textAlign: 'center',
+            fontSize: '18px',
+            padding: '20px',
+          }}
+        >
+          <p>Connexion,Please wait... </p>
+        </Modal>
+      );
+    }
     return (
       <div className={styles['base-layout']}>
         {this.renderNotice()}

src/layouts/Base/index.less

@@ -116,9 +116,9 @@
       background-color: @sider-menu-item-selected-background !important;
     }
 
-    .ant-menu-sub.ant-menu-inline {
-      background-color: @sider-sub-menu-background !important;
-    }
+    // .ant-menu-sub.ant-menu-inline {
+    //   background-color: @sider-sub-menu-background !important;
+    // }
 
     .ant-menu-item-selected::after {
       border-right: @sider-menu-item-selected-after-border-right !important;
@@ -134,7 +134,15 @@
     }
 
     .ant-menu-submenu-title:active {
-      background-color: @sider-menu-item-selected-background;
+      background-color: #fdd831 !important;
+    }
+
+    .ant-menu-sub.ant-menu-inline {
+      background: linear-gradient(
+        -240deg,
+        #3f004a 50%,
+        #210c24 150%
+      ) !important;
     }
   }
 }
@@ -210,9 +218,21 @@
 
     .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
       .ant-menu-item-selected {
-      background-color: @primary-color;
+      background: linear-gradient(
+        -240deg,
+        #3f004a 50%,
+        #000 100%
+      ) !important;
       border-radius: @border-radius;
     }
+
+    .ant-menu-dark {
+      background: linear-gradient(
+        -240deg,
+        #3f004a 50%,
+        #000 100%
+      ) !important;
+    }
   }
 }
 
@@ -303,7 +323,7 @@
   z-index: 1;
   width: @sider-width;
   padding-top: @sider-menu-padding-top;
-  background-color: @sider-background;
+  background: linear-gradient(-240deg, #3f004a 50%, #000 100%) !important;
   border-right: @sider-border-right;
   transition: all 0.2s;
   // border-right: 1px solid #e5e6eb;

src/layouts/Blank/index.less

@@ -24,7 +24,11 @@
     }
 
     .ant-menu.ant-menu-dark {
-      background: @sider-background;
+      background: linear-gradient(
+        -240deg,
+        #470056 50%,
+        #000 150%
+      ) !important;
     }
 
     .ant-menu-dark .ant-menu-inline.ant-menu-sub {

src/pages/auth/containers/Login/index.jsx

@@ -191,7 +191,11 @@ export class Login extends Component {
       render: () => (
         <Input placeholder={t('<username> or <username>@<domain>')} />
       ),
-      extra: t('Tips: without domain means "Default" domain.'),
+      extra: (
+        <span style={{ color: 'white' }}>
+          {t('Tips: without domain means "Default" domain.')}
+        </span>
+      ),
       rules: [{ required: true, validator: this.usernameDomainValidator }],
     };
     const usernameItem = {
@@ -252,8 +256,12 @@ export class Login extends Component {
       name: 'loginType',
       required: true,
       message: t('Please select login type!'),
-      extra: t(
-        'If you are not sure which authentication method to use, please contact your administrator.'
+      extra: (
+        <span style={{ color: 'white' }}>
+          {t(
+            'If you are not sure which authentication method to use, please contact your administrator.'
+          )}
+        </span>
       ),
       render: () => (
         <Select
@@ -311,6 +319,26 @@ export class Login extends Component {
     if (this.currentLoginType === 'sso') {
       document.location.href = this.currentSSOLink;
       return;
+      // // Open the popup
+      // const popupWidth = 400;
+      // const popupHeight = 300;
+      // const left = (window.screen.width - popupWidth) / 2;
+      // const top = (window.screen.height - popupHeight) / 2;
+      // const popup = window.open(
+      //   'https://identity.api.felcloud.io/v3/auth/OS-FEDERATION/websso/openid?origin=https://dashboard.felcloud.io/api/openstack/skyline/api/v1/websso',
+      //   'OIDCPopup',
+      //   `width=${popupWidth},height=${popupHeight},left=${left},top=${top},resizable=yes,scrollbars=yes`
+      // );
+      // if (popup) {
+      //   setTimeout(() => {
+      //     popup.close();
+      //     window.location.href = '/base/overview';
+      //   }, 7000);
+      // } else {
+      //   alert('Popup was blocked! Please allow popups for this website.');
+      // }
+
+      // return;
     }
     this.setState({
       loading: true,
@@ -413,7 +441,9 @@ export class Login extends Component {
   render() {
     return (
       <>
-        <h1 className={styles.welcome}>{this.productName}</h1>
+        <h1 style={{ color: 'white' }} className={styles.welcome}>
+          {this.productName}{' '}
+        </h1>
         <SimpleForm
           formItems={this.formItems}
           name="normal_login"

src/pages/auth/containers/Login/index.less

@@ -28,3 +28,7 @@
     }
   }
 }
+
+.ant-form-item-extra {
+  color: white !important;
+}

src/pages/base/containers/Overview/index.jsx

@@ -15,39 +15,43 @@
 import React, { Component } from 'react';
 import { observer } from 'mobx-react';
 import { Row, Col } from 'antd';
-import overviewInstance from 'asset/image/overview-instance.svg';
-import overviewNetwork from 'asset/image/overview-network.svg';
-import overviewRouter from 'asset/image/overview-router.svg';
-import overviewVolume from 'asset/image/overview-volume.svg';
 import { Link } from 'react-router-dom';
 import globalRootStore from 'stores/root';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {
+  faMicrochip,
+  faServer,
+  faSitemap,
+  faRandom,
+} from '@fortawesome/free-solid-svg-icons';
 import styles from './style.less';
 import QuotaOverview from './components/QuotaOverview';
 import ProjectInfo from './components/ProjectInfo';
 
+// Map the Font Awesome icons to your actions
 const actions = [
   {
     key: 'instance',
     label: t('Instances'),
-    avatar: overviewInstance,
+    icon: faMicrochip,
     to: '/compute/instance',
   },
   {
     key: 'volume',
     label: t('Volumes'),
-    avatar: overviewVolume,
+    icon: faServer,
     to: '/storage/volume',
   },
   {
     key: 'network',
     label: t('Networks'),
-    avatar: overviewNetwork,
+    icon: faSitemap,
     to: '/network/networks',
   },
   {
     key: 'router',
     label: t('Routers'),
-    avatar: overviewRouter,
+    icon: faRandom,
     to: '/network/router',
   },
 ];
@@ -70,7 +74,11 @@ export class Overview extends Component {
   renderAction = (item) => (
     <Row className={styles['action-button']}>
       <Col span={8} className={styles['main-icon']}>
-        <img alt="avatar" src={item.avatar} className={styles['action-icon']} />
+        <FontAwesomeIcon
+          style={{ color: 'rgb(83 11 92)' }}
+          icon={item.icon}
+          className={styles['action-icon']}
+        />
       </Col>
       <Col span={16} style={{ textAlign: 'center' }}>
         {item.label}

src/pages/compute/containers/Instance/actions/StepCreate/ConfirmStep/index.jsx

@@ -100,6 +100,27 @@ export class ConfirmStep extends Base {
       : `${vcpus}VCPU/${Number.parseInt(ram / 1024, 10)}GiB`;
   }
 
+  getFlavorName() {
+    const { context } = this.props;
+    const { flavor } = context;
+    const { name } = flavor.selectedRows[0];
+    return name;
+  }
+
+  getPriceSecond() {
+    const { context } = this.props;
+    const { flavor } = context;
+    const { pricePerSecond } = flavor.selectedRows[0];
+    return pricePerSecond;
+  }
+
+  getPriceMonth() {
+    const { context } = this.props;
+    const { flavor } = context;
+    const { pricePerMonth } = flavor.selectedRows[0];
+    return pricePerMonth;
+  }
+
   getSourceValue() {
     const { context } = this.props;
     const { source } = context;
@@ -338,6 +359,33 @@ export class ConfirmStep extends Base {
           // },
         ],
       },
+      {
+        type: 'short-divider',
+      },
+      {
+        name: 'Price',
+        label: ' ',
+        type: 'descriptions',
+        title: t('Price'),
+        items: [
+          {
+            label: t('name'),
+            value: this.getFlavorName(),
+          },
+          {
+            label: t('Flavor'),
+            value: this.getFlavor(),
+          },
+          {
+            label: 'Price / second',
+            value: this.getPriceSecond(),
+          },
+          {
+            label: 'Price / month',
+            value: this.getPriceMonth(),
+          },
+        ],
+      },
     ];
   }
 }