TRM Sanctioned Wallets (#2017)

* New footer

* Minor primary navigation updates

* Reformat default locales file to 2 spaces indent

* feature: 3rd party modals

* cp

* feature: TRM checking for wallets

* fix: typo

* Update privacy policy

* Updated privacy policy text

* Top align icons

* Updated Balancer entities

* replace dashes

* Updated compliance text

* Tweaks to the new 3rd party services modal

* Minor style tweaks

* final touches

* Updating the policies

* Update cookie policy date

* Updated licenses

* fix: grants url

Co-authored-by: pkattera <[email protected]>
Co-authored-by: Tim Robinson <[email protected]>

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) Balancer Labs
+Copyright (c) Balancer
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

public/manifest.json

@@ -3,7 +3,7 @@
   "name": "Balancer",
   "description": "Swap tokens and manage your assets on Balancer Protocol",
   "providedBy": {
-    "name": "Balancer Labs",
+    "name": "Balancer",
     "url": "https://balancer.fi"
   },
   "icons": [

src/App.vue

@@ -6,6 +6,7 @@ import { useRoute } from 'vue-router';
 import { useStore } from 'vuex';
 
 import Notifications from '@/components/notifications/Notifications.vue';
+import ThirdPartyServicesModal from '@/components/web3/ThirdPartyServicesModal.vue';
 import WalletSelectModal from '@/components/web3/WalletSelectModal.vue';
 import useWeb3Watchers from '@/composables/watchers/useWeb3Watchers';
 import { DEFAULT_TOKEN_DECIMALS } from '@/constants/tokens';
@@ -14,6 +15,7 @@ import useWeb3 from '@/services/web3/useWeb3';
 
 import GlobalModalContainer from './components/modals/GlobalModalContainer.vue';
 import AppSidebar from './components/navs/AppNav/AppSidebar/AppSidebar.vue';
+import SanctionedWalletModal from './components/web3/SanctionedWalletModal.vue';
 import useBackgroundColor from './composables/useBackgroundColor';
 import useGnosisSafeApp from './composables/useGnosisSafeApp';
 import useNavigationGuards from './composables/useNavigationGuards';
@@ -24,11 +26,15 @@ import usePoolCreationWatcher from './composables/watchers/usePoolCreationWatche
 
 BigNumber.config({ DECIMAL_PLACES: DEFAULT_TOKEN_DECIMALS });
 
+export const isThirdPartyServicesModalVisible = ref(false);
+
 export default defineComponent({
   components: {
     ...Layouts,
     VueQueryDevTools,
     WalletSelectModal,
+    SanctionedWalletModal,
+    ThirdPartyServicesModal,
     Notifications,
     AppSidebar,
     GlobalModalContainer
@@ -39,7 +45,6 @@ export default defineComponent({
      * STATE
      */
     const layout = ref('DefaultLayout');
-
     /**
      * COMPOSABLES
      */
@@ -51,7 +56,8 @@ export default defineComponent({
     useNavigationGuards();
     const {
       isWalletSelectVisible,
-      toggleWalletSelectModal
+      toggleWalletSelectModal,
+      isSanctioned
       // isMainnet
     } = useWeb3();
     const route = useRoute();
@@ -77,6 +83,10 @@ export default defineComponent({
       store.dispatch('app/init');
     });
 
+    function handleThirdPartyModalToggle(value: boolean) {
+      isThirdPartyServicesModalVisible.value = value;
+    }
+
     /**
      * WATCHERS
      */
@@ -92,11 +102,14 @@ export default defineComponent({
     return {
       // state
       layout,
+      isSanctioned,
+      isThirdPartyServicesModalVisible,
       // computed
       isWalletSelectVisible,
       sidebarOpen,
       // methods
-      toggleWalletSelectModal
+      toggleWalletSelectModal,
+      handleThirdPartyModalToggle
     };
   }
 });
@@ -109,9 +122,14 @@ export default defineComponent({
     <VueQueryDevTools />
     <WalletSelectModal
       :isVisible="isWalletSelectVisible"
+      :onShowThirdParty="() => handleThirdPartyModalToggle(true, 'wallet')"
       @close="toggleWalletSelectModal"
     />
-    <Notifications />
+    <SanctionedWalletModal v-if="isSanctioned" />
+    <ThirdPartyServicesModal
+      :isVisible="isThirdPartyServicesModalVisible"
+      @close="handleThirdPartyModalToggle(false, 'third')"
+    />
     <AppSidebar v-if="sidebarOpen" />
   </div>
   <GlobalModalContainer />

src/assets/css/global/all.css

@@ -2,6 +2,7 @@
 @import "./typography.css";
 @import "./backgrounds.css";
 @import "./animations.css";
+@import "./social-icons.css";
 
 html,
 body {

src/assets/css/global/social-icons.css

@@ -0,0 +1,22 @@
+.social-icon:hover .logo {
+    fill: #fff; /* gray-900 */
+    transform-origin: center;
+    transform: scale(1.05);
+}
+.social-icon .bg {
+    fill: #0f172a; /* gray-900 */
+    @apply transition-all;
+} 
+.social-icon .logo {
+    fill: #fff;
+    @apply transition-all;
+}
+.dark .social-icon:hover .logo {
+    fill: #fff;
+}
+.dark .social-icon .bg {
+    fill: #fff;
+} 
+.dark .social-icon .logo {
+    fill: #0f172a; /* gray-900 */
+}

src/components/_global/BalModal/BalModal.vue

@@ -109,7 +109,7 @@ defineExpose({ hide });
 }
 
 .modal-bg {
-  @apply absolute h-full w-full bg-black bg-opacity-80;
+  @apply absolute h-full w-full bg-black bg-opacity-90;
 }
 
 .modal-card {