diff --git a/src/components/_global/icons/brands/LinkedinIcon.vue b/src/components/_global/icons/brands/LinkedinIcon.vue new file mode 100644 index 000000000..1602da143 --- /dev/null +++ b/src/components/_global/icons/brands/LinkedinIcon.vue @@ -0,0 +1,15 @@ + diff --git a/src/components/_global/icons/brands/TelegramIcon.vue b/src/components/_global/icons/brands/TelegramIcon.vue new file mode 100644 index 000000000..32832c100 --- /dev/null +++ b/src/components/_global/icons/brands/TelegramIcon.vue @@ -0,0 +1,24 @@ + diff --git a/src/components/navs/AppNav/AppSidebar/SidebarContent.vue b/src/components/navs/AppNav/AppSidebar/SidebarContent.vue index 8b2c569e1..5232d2d59 100644 --- a/src/components/navs/AppNav/AppSidebar/SidebarContent.vue +++ b/src/components/navs/AppNav/AppSidebar/SidebarContent.vue @@ -3,19 +3,17 @@ import { ref, watch } from 'vue'; import { useI18n } from 'vue-i18n'; import { useRouter } from 'vue-router'; +import GithubIcon from '@/components/_global/icons/brands/GithubIcon.vue'; +import LinkedinIcon from '@/components/_global/icons/brands/LinkedinIcon.vue'; +import TelegramIcon from '@/components/_global/icons/brands/TelegramIcon.vue'; +import TwitterIcon from '@/components/_global/icons/brands/TwitterIcon.vue'; import AppLogo from '@/components/images/AppLogo.vue'; import { version } from '@/composables/useApp'; import useConfig from '@/composables/useConfig'; -import useDarkMode from '@/composables/useDarkMode'; +import { Goals, trackGoal } from '@/composables/useFathom'; +import useNetwork from '@/composables/useNetwork'; import { sleep } from '@/lib/utils'; import useWeb3 from '@/services/web3/useWeb3'; -import useNetwork from '@/composables/useNetwork'; -import { Goals, trackGoal } from '@/composables/useFathom'; -import TwitterIcon from '@/components/_global/icons/brands/TwitterIcon.vue'; -import DiscordIcon from '@/components/_global/icons/brands/DiscordIcon.vue'; -import MediumIcon from '@/components/_global/icons/brands/MediumIcon.vue'; -import YoutubeIcon from '@/components/_global/icons/brands/YoutubeIcon.vue'; -import GithubIcon from '@/components/_global/icons/brands/GithubIcon.vue'; /** * PROPS & EMITS @@ -25,7 +23,6 @@ const emit = defineEmits(['close']); /** * COMPOSABLES */ -const { darkMode, toggleDarkMode } = useDarkMode(); const { blockNumber } = useWeb3(); const { networkConfig } = useConfig(); const { networkSlug } = useNetwork(); @@ -38,32 +35,18 @@ const router = useRouter(); const blockIcon = ref(); const navLinks = [ - { label: t('pool'), path: '/', goal: Goals.ClickNavPools }, { label: t('swap'), path: `/${networkSlug}/swap`, goal: Goals.ClickNavSwap }, - { - label: t('claim'), - path: `/${networkSlug}/claim`, - goal: Goals.ClickNavClaim, - }, - { - label: t('portfolio'), - path: `/${networkSlug}/portfolio`, - goal: Goals.ClickNavPortfolio, - }, - { label: 'veBAL', path: `/${networkSlug}/vebal`, goal: Goals.ClickNavVebal }, + { label: t('pool'), path: '/', goal: Goals.ClickNavPools }, + { label: t('vote'), path: '/', goal: Goals.ClickNavPools }, + { label: t('dashboard'), path: '/', goal: Goals.ClickNavPools }, ]; const ecosystemLinks = [ - { label: t('build'), url: 'https://balancer.fi/build' }, - { label: t('blog'), url: 'https://medium.com/balancer-protocol' }, { label: t('docs'), url: 'https://docs.balancer.fi/' }, - { label: t('governance'), url: 'https://vote.balancer.fi/#/' }, - { label: t('analytics'), url: 'https://dune.xyz/balancerlabs' }, + { label: t('tokens'), url: 'https://forum.balancer.fi/' }, { label: t('forum'), url: 'https://forum.balancer.fi/' }, - { - label: t('grants'), - url: 'http://grants.balancer.community', - }, + { label: t('support'), url: 'https://forum.balancer.fi/' }, + { label: t('analytics'), url: 'https://forum.balancer.fi/' }, ]; const socialLinks = { @@ -72,23 +55,17 @@ const socialLinks = { url: 'https://twitter.com/BalancerLabs', }, DiscordIcon: { - component: DiscordIcon, + component: TelegramIcon, url: 'https://discord.balancer.fi/', }, - MediumIcon: { - component: MediumIcon, - url: 'https://medium.com/balancer-protocol', - }, - - YoutubeIcon: { - component: YoutubeIcon, - url: 'https://www.youtube.com/channel/UCBRHug6Hu3nmbxwVMt8x_Ow', - }, - GithubIcon: { url: 'https://github.com/balancer/', component: GithubIcon, }, + LinkedinIcon: { + url: 'https://github.com/balancer/', + component: LinkedinIcon, + }, }; /** @@ -148,13 +125,13 @@ watch(blockNumber, async () => { -
+