diff --git a/README.md b/README.md index d583e8ae94..89f5a9aa46 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,13 @@ -# Balancer Frontend App (v2) +# ⛔️ This app is now deprecated -Official frontend app for the Balancer protocol (v2) +We have launched a new UI for the Balancer protocol, which is available at +[https://balancer.fi](https://balancer.fi). The source code for the new UI is +available at +[https://github.com/balancer/frontend-v3](https://github.com/balancer/frontend-v3). + +_Note, there is an exception where by the veBAL page is still available at +[https://app.balancer.fi/vebal](https://app.balancer.fi/vebal). We will continue to maintain the veBAL page of this +UI until we migrate that functionality to the new UI._ ## Development @@ -99,34 +106,6 @@ export DOCKER_DEFAULT_PLATFORM=linux/amd64 source: https://stackoverflow.com/questions/65612411/forcing-docker-to-use-linux-amd64-platform-by-default-on-macos -## Self-Hosting - -As we believe in decentralization at all layers, we've made it easy to host your own Balancer Frontend. - -### Docker Production Image - -We've created a production ready [docker image](./Dockerfile) runs -a pre-built version of Balancer Frontend-v2 using nginx. You'll need your own -[Infura](https://infura.io), [Alchemy](https://www.alchemy.com/), and -[Blocknative](https://blocknative.com) API keys in order to fetch data and -execute transactions. - -Here's an example of how to run the container. This can also be found in [scripts/run-docker.sh](./scripts/run-docker.sh). - -```bash -docker run \ - -e INFURA_PROJECT_ID= \ # Required - -e ALCHEMY_KEY= \ # Required - -e BLOCKNATIVE_DAPP_ID= \ # Required - balancerfi/frontend-v2 -``` - -### Custom RPC urls - -To override RPC network config set in `src/lib/config`, you can use the following environment variables: - -`VITE_RPC_URL_=XXX` - ### One Click Deploys The frontend can easily be deployed to any static host. Use the buttons below to spin up an instance. You will be prompted to provide your Infura Project ID, Alchemy Key, and Blocknative Dapp ID as these are required for the frontend to work correctly. diff --git a/package-lock.json b/package-lock.json index 9e81a94a0c..42f10d5f63 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@balancer/frontend-v2", - "version": "1.144.110", + "version": "1.145.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@balancer/frontend-v2", - "version": "1.144.110", + "version": "1.145.0", "license": "MIT", "devDependencies": { "@aave/protocol-js": "^4.3.0", diff --git a/package.json b/package.json index 9c8e68b9a9..7208403d71 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@balancer/frontend-v2", - "version": "1.144.110", + "version": "1.145.0", "engines": { "node": "=16", "npm": ">=8" diff --git a/src/App.vue b/src/App.vue index 26af782549..718d9cc651 100644 --- a/src/App.vue +++ b/src/App.vue @@ -25,8 +25,6 @@ import useAlerts, { AlertPriority, AlertType, } from './composables/useAlerts'; -import { useI18n } from 'vue-i18n'; -import useNetwork from './composables/useNetwork'; // Dynamic import of layout components: // it prevents the initial bundle from including all the layouts (and their unique dependencies) @@ -77,23 +75,20 @@ const { sidebarOpen } = useSidebar(); const { addAlert } = useAlerts(); const { handleThirdPartyModalToggle, isThirdPartyServicesModalVisible } = useThirdPartyServices(); -const { t } = useI18n(); -const router = useRouter(); -const { networkSlug } = useNetwork(); // OPTIONAL FEATURE ALERTS are enabled by featureAlertEnabled toggle const featureAlert: Alert = { - id: 'csp-alert', + id: 'new-ui-alert', priority: AlertPriority.HIGH, - label: t('poolWarnings.cspPoolVulnWarning.generalTitle'), // Add the new feature alert text here and set featureAlertEnabled to true to activate it - type: AlertType.ERROR, + label: 'Balancer has a new UI: Chain agnostic, speedy, and ready for v3', // Add the new feature alert text here and set featureAlertEnabled to true to activate it + type: AlertType.FEATURE, rememberClose: false, - actionLabel: 'Recovery exit', + actionLabel: 'Try zen', action: () => { - router.push({ name: 'recovery-exit', params: { networkSlug } }); + window.location.href = 'https://balancer.fi'; }, }; -const featureAlertEnabled = false; +const featureAlertEnabled = true; if (featureAlertEnabled) addAlert(featureAlert); /** diff --git a/src/assets/images/icons/protocols/mellow.png b/src/assets/images/icons/protocols/mellow.png new file mode 100644 index 0000000000..8c4dbabc20 Binary files /dev/null and b/src/assets/images/icons/protocols/mellow.png differ diff --git a/src/assets/images/icons/protocols/superfest.svg b/src/assets/images/icons/protocols/superfest.svg new file mode 100644 index 0000000000..500704e343 --- /dev/null +++ b/src/assets/images/icons/protocols/superfest.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/images/icons/protocols/symbiotic.svg b/src/assets/images/icons/protocols/symbiotic.svg new file mode 100644 index 0000000000..e108dc9a56 --- /dev/null +++ b/src/assets/images/icons/protocols/symbiotic.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/components/banners/PointsBanner.vue b/src/components/banners/PointsBanner.vue index b6245ff26d..88e6837851 100644 --- a/src/components/banners/PointsBanner.vue +++ b/src/components/banners/PointsBanner.vue @@ -17,42 +17,52 @@ const { hasPoints, poolPoints } = usePoints(props.pool); function getIconSrc(protocol: Protocol) { return protocolIconPaths[protocol]; } + +const isPointsPool = computed( + () => hasPoints && poolPoints.value.some(p => p.multiple) +);