diff --git a/public/icons/footer/icons.tsx b/public/icons/footer/icons.tsx new file mode 100644 index 0000000000..87b2c82828 --- /dev/null +++ b/public/icons/footer/icons.tsx @@ -0,0 +1,28 @@ +import { SvgIcon, type SvgIconProps } from '@mui/material'; + +export const TikTok = (props: SvgIconProps) => ( + + + + + +); + +export const DuneIcon = (props: SvgIconProps) => ( + + + + + + +); diff --git a/src/layouts/AppFooter.tsx b/src/layouts/AppFooter.tsx index 5697004461..604995cdb9 100644 --- a/src/layouts/AppFooter.tsx +++ b/src/layouts/AppFooter.tsx @@ -1,6 +1,7 @@ import { Trans } from '@lingui/macro'; -import { GitHub, Instagram, X } from '@mui/icons-material'; +import { GitHub, Instagram, LinkedIn, X } from '@mui/icons-material'; import { Box, styled, SvgIcon, Typography } from '@mui/material'; +import { DuneIcon, TikTok } from 'public/icons/footer/icons'; import { Link } from 'src/components/primitives/Link'; import { useRootStore } from 'src/store/root'; import { useShallow } from 'zustand/shallow'; @@ -22,30 +23,45 @@ const StyledLink = styled(Link)(({ theme }) => ({ })); const FOOTER_ICONS = [ - { - href: 'https://hey.xyz/u/aave', - icon: , - title: 'Aave on Lens', - }, { href: 'https://twitter.com/aave', icon: , title: 'Twitter', }, + { + href: 'https://www.instagram.com/aave/', + icon: , + title: 'Instagram', + }, + { + href: 'https://www.tiktok.com/@aavelabs', + icon: , + title: 'TikTok', + }, + { + href: 'https://www.linkedin.com/company/aavelabs/', + icon: , + title: 'Linkedin', + }, { href: 'https://discord.com/invite/aave', icon: , title: 'Discord', }, + { + href: 'https://dune.com/aavelabs', + icon: , + title: 'Dune', + }, { href: 'https://github.com/aave', icon: , title: 'Github', }, { - href: 'https://www.instagram.com/aave/', - icon: , - title: 'Instagram', + href: 'https://hey.xyz/u/aave', + icon: , + title: 'Aave on Lens', }, ];