diff --git a/package-lock.json b/package-lock.json index 60810870f..4d6609e7f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -42,7 +42,7 @@ "@popperjs/core": "^2.9.2", "@sentry/browser": "^7.17.4", "@sentry/tracing": "^7.17.4", - "@symmetric-v3/sdk": "^1.2.32-beta.1", + "@symmetric-v3/sdk": "^1.2.34-beta.1", "@tanstack/vue-query": "^4.22.0", "@testing-library/jest-dom": "^5.16.1", "@testing-library/vue": "^7.0.0", @@ -6833,9 +6833,9 @@ } }, "node_modules/@symmetric-v3/sdk": { - "version": "1.2.32-beta.1", - "resolved": "https://registry.npmjs.org/@symmetric-v3/sdk/-/sdk-1.2.32-beta.1.tgz", - "integrity": "sha512-7vFKUGcxUGCWotrsXA2ASwpkKMGQtyZEDxt8WYKee+krbR+TE6pNxB/dA+eIE68HGFMhd+g9ihVaztVPsAQbXg==", + "version": "1.2.34-beta.1", + "resolved": "https://registry.npmjs.org/@symmetric-v3/sdk/-/sdk-1.2.34-beta.1.tgz", + "integrity": "sha512-yyjOes808xmAPjRm0XVs2CTcfc6UO4b+W5hWwa35TIyT/NTy+SLT7wJYVSAE71SNcbl7UfgVTHawjJLWTDyZ4w==", "dev": true, "license": "GPL-3.0-only", "dependencies": { @@ -34331,9 +34331,9 @@ } }, "@symmetric-v3/sdk": { - "version": "1.2.32-beta.1", - "resolved": "https://registry.npmjs.org/@symmetric-v3/sdk/-/sdk-1.2.32-beta.1.tgz", - "integrity": "sha512-7vFKUGcxUGCWotrsXA2ASwpkKMGQtyZEDxt8WYKee+krbR+TE6pNxB/dA+eIE68HGFMhd+g9ihVaztVPsAQbXg==", + "version": "1.2.34-beta.1", + "resolved": "https://registry.npmjs.org/@symmetric-v3/sdk/-/sdk-1.2.34-beta.1.tgz", + "integrity": "sha512-yyjOes808xmAPjRm0XVs2CTcfc6UO4b+W5hWwa35TIyT/NTy+SLT7wJYVSAE71SNcbl7UfgVTHawjJLWTDyZ4w==", "dev": true, "requires": { "@balancer-labs/sor": "^4.1.1-beta.16", diff --git a/package.json b/package.json index 1ec0b8c8d..0b25d527d 100644 --- a/package.json +++ b/package.json @@ -74,7 +74,7 @@ "@popperjs/core": "^2.9.2", "@sentry/browser": "^7.17.4", "@sentry/tracing": "^7.17.4", - "@symmetric-v3/sdk": "^1.2.33-beta.1", + "@symmetric-v3/sdk": "^1.2.34-beta.1", "@tanstack/vue-query": "^4.22.0", "@testing-library/jest-dom": "^5.16.1", "@testing-library/vue": "^7.0.0", diff --git a/public/images/logos/vana-moksha-logo.svg b/public/images/logos/vana-moksha-logo.svg new file mode 100644 index 000000000..bc26343ce --- /dev/null +++ b/public/images/logos/vana-moksha-logo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/tokens/vana.png b/public/tokens/vana.png new file mode 100644 index 000000000..60d1491a4 Binary files /dev/null and b/public/tokens/vana.png differ diff --git a/public/vana-moksha-favicon.png b/public/vana-moksha-favicon.png new file mode 100644 index 000000000..0eabd3e0e Binary files /dev/null and b/public/vana-moksha-favicon.png differ diff --git a/public/vana-moksha-favicon.svg b/public/vana-moksha-favicon.svg new file mode 100644 index 000000000..0cf95cce1 --- /dev/null +++ b/public/vana-moksha-favicon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/App.vue b/src/App.vue index 47494ef5c..6011f7fd4 100644 --- a/src/App.vue +++ b/src/App.vue @@ -90,6 +90,7 @@ const themeMap = { meter: 'meter', taiko: 'taiko', etherlink: 'etherlink', + 'vana-moksha': 'vana-moksha', }; // Function to update theme based on the route slug const updateTheme = () => { diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css index 1a6cb6599..54f3990ba 100644 --- a/src/assets/css/tailwind.css +++ b/src/assets/css/tailwind.css @@ -606,6 +606,57 @@ html[data-theme='etherlink'] { --color-orange-700: 180, 83, 9; } +html[data-theme='vana-moksha'] { + /* Blue */ + --color-blue-50: 243, 241, 244; + --color-blue-100: 237, 235, 240; + --color-blue-200: 230, 228, 234; + --color-blue-300: 231, 228, 233; + --color-blue-400: 231, 228, 233; /* New Primary Color */ + --color-blue-500: 184, 183, 187; + --color-blue-600: 138, 137, 142; + --color-blue-700: 92, 91, 96; + --color-blue-800: 46, 45, 50; + --color-blue-900: 22, 21, 25; + + /* Gray */ + --color-gray-50: 230, 230, 230; + --color-gray-100: 208, 208, 208; /* Dark Text */ + --color-gray-200: 182, 182, 182; + --color-gray-300: 147, 147, 147; + --color-gray-400: 154, 154, 154; /* Text Secondary dark */ + --color-gray-500: 75, 75, 75; + --color-gray-600: 57, 57, 57; + --color-gray-700: 69, 69, 69; /* Select Box Background */ + --color-gray-800: 27, 27, 27; /* Box Input Background */ + --color-gray-900: 0, 0, 0; /* Background */ + --color-gray-850: 18, 18, 18; /* Box Background */ + + /* Pink */ + --color-pink-50: 255, 235, 240; + --color-pink-100: 255, 210, 220; + --color-pink-200: 255, 180, 195; + --color-pink-300: 255, 150, 175; + --color-pink-400: 27, 27, 27; /* Gradient Loading */ + --color-pink-500: 255, 226, 160; /* Stars Gradient */ + --color-pink-600: 69, 69, 69; /* Gradient Base */ + --color-pink-700: 57, 57, 57; /* Gradient Hover */ + --color-pink-800: 205, 80, 120; + --color-pink-900: 180, 65, 100; + + /* Yellow */ + --color-yellow-500: 255, 255, 255; /* Stars Gradient */ + + /* Purple */ + --color-purple-500: 255, 226, 160; /* Ve Stars Gradient */ + + /* Orange */ + --color-orange-300: 252, 211, 77; /* Stars on Add liquidity */ + --color-orange-600: 217, 119, 6; + --color-orange-700: 180, 83, 9; + --bg-white: 240, 240, 234; +} + @layer utilities { .text-primary { @apply text-gray-900 dark:text-gray-100; diff --git a/src/assets/data/contracts/vana-moksha.json b/src/assets/data/contracts/vana-moksha.json new file mode 100644 index 000000000..16db824d4 --- /dev/null +++ b/src/assets/data/contracts/vana-moksha.json @@ -0,0 +1,16 @@ +{ + "Authorizer": "0x1Fe0eBD7B53fC434Ea0a69074406503F9Ab0e2FC", + "BalancerHelpers": "0xF4d9D664BAD7754A9292A03D0255e0b901FCE752", + "BalancerQueries": "0xc1abdF9542BB46F4a128C5c93Ee5D101E481Bd05", + "BalancerRelayer": "0xEC72775206091e6cee0e9801189aC9Ca19266dB7", + "BatchRelayerLibrary": "0x69331C1c1A93C1093d42DC951FF779eda7B3ED57", + "BatchRelayerQueryLibrary": "0xF2170C34e49D60b0A3ab5b5098C3844d5385935b", + "ComposableStablePoolFactory": "0xC7623faa9e41DaAf854F07B5b45e70Cf1d68583E", + "MockComposableStablePool": "0x8aDCD44510d0327Fd221011feb028b1CfeDDbCBa", + "MockWeightedPool": "0x25943e5758611C635b5106bB663Aa2DD4EDFcaeA", + "ProtocolFeePercentagesProvider": "0x6166DA5fde541398149BC69E4e1E9430FC78B77e", + "ProtocolFeesCollector": "0x2EC5B1C5865D88D36cA9DD724A4e2f7C8d4C6bed", + "SymmToken": "0x4e4131dC27ed9501ac5fEb76F94572fDAe9f0fD0", + "Vault": "0xBA96c3dE0d8c2AD73962ee43Ab60CE3e094453De", + "WeightedPoolFactory": "0x8670184F35F9A7b4E28269BEE0a7475ea681493D" +} diff --git a/src/assets/images/icons/networks/vana-moksha.svg b/src/assets/images/icons/networks/vana-moksha.svg new file mode 100644 index 000000000..bc26343ce --- /dev/null +++ b/src/assets/images/icons/networks/vana-moksha.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/components/contextual/pages/pool/staking/PointsIncentivesCard.vue b/src/components/contextual/pages/pool/staking/PointsIncentivesCard.vue new file mode 100644 index 000000000..e4bbc47a9 --- /dev/null +++ b/src/components/contextual/pages/pool/staking/PointsIncentivesCard.vue @@ -0,0 +1,266 @@ + + + + + diff --git a/src/components/contextual/pages/pool/staking/StakeSummary.vue b/src/components/contextual/pages/pool/staking/StakeSummary.vue index a9fd9bc00..b4d194324 100644 --- a/src/components/contextual/pages/pool/staking/StakeSummary.vue +++ b/src/components/contextual/pages/pool/staking/StakeSummary.vue @@ -25,9 +25,7 @@ const { fNum } = useNumbers();