Skip to content

Commit 4bab9e3

Browse files
committed
feat: added missing footer icons and match with aave.com
1 parent d34fb18 commit 4bab9e3

File tree

2 files changed

+53
-9
lines changed

2 files changed

+53
-9
lines changed

public/icons/footer/icons.tsx

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import { SvgIcon, type SvgIconProps } from '@mui/material';
2+
3+
export const TikTok = (props: SvgIconProps) => (
4+
<SvgIcon viewBox="0 0 23 23" {...props}>
5+
<g transform="translate(4 3)">
6+
<path
7+
fill="currentColor"
8+
d="M11.304 0H8.271v12.26c0 1.462-1.167 2.662-2.619 2.662s-2.618-1.2-2.618-2.661c0-1.435 1.14-2.609 2.54-2.661V6.522C2.49 6.574 0 9.104 0 12.26 0 15.444 2.54 18 5.678 18s5.678-2.583 5.678-5.74V5.975a7.03 7.03 0 0 0 4.019 1.356V4.252c-2.282-.078-4.07-1.956-4.07-4.252"
9+
/>
10+
</g>
11+
</SvgIcon>
12+
);
13+
14+
export const DuneIcon = (props: SvgIconProps) => (
15+
<SvgIcon viewBox="0 0 24 24" {...props}>
16+
<g transform="translate(3 3)">
17+
<path
18+
d="M8.99998 18.0012C13.9705 18.0012 18 13.9718 18 9.00122C18 8.91852 17.9989 8.83607 17.9966 8.75391L1.57538 14.0895C3.19748 16.4519 5.91779 18.0012 8.99998 18.0012Z"
19+
fillOpacity="0.5"
20+
fill="currentColor"
21+
/>
22+
<path
23+
d="M17.9998 9.06516C17.9999 9.04346 18 9.02174 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 10.8888 0.581847 12.6417 1.57608 14.0893L17.9966 8.75391C17.9989 8.83607 18 8.91852 18 9.00122C18 9.02255 17.9999 9.04387 17.9998 9.06516Z"
24+
fill="currentColor"
25+
/>
26+
</g>
27+
</SvgIcon>
28+
);

src/layouts/AppFooter.tsx

Lines changed: 25 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { Trans } from '@lingui/macro';
2-
import { GitHub, Instagram, X } from '@mui/icons-material';
2+
import { GitHub, Instagram, LinkedIn, X } from '@mui/icons-material';
33
import { Box, styled, SvgIcon, Typography } from '@mui/material';
4+
import { DuneIcon, TikTok } from 'public/icons/footer/icons';
45
import { Link } from 'src/components/primitives/Link';
56
import { useRootStore } from 'src/store/root';
67
import { useShallow } from 'zustand/shallow';
@@ -22,30 +23,45 @@ const StyledLink = styled(Link)<StyledLinkProps>(({ theme }) => ({
2223
}));
2324

2425
const FOOTER_ICONS = [
25-
{
26-
href: 'https://hey.xyz/u/aave',
27-
icon: <LensLogoIcon />,
28-
title: 'Aave on Lens',
29-
},
3026
{
3127
href: 'https://twitter.com/aave',
3228
icon: <X />,
3329
title: 'Twitter',
3430
},
31+
{
32+
href: 'https://www.instagram.com/aave/',
33+
icon: <Instagram />,
34+
title: 'Instagram',
35+
},
36+
{
37+
href: 'https://www.tiktok.com/@aavelabs',
38+
icon: <TikTok />,
39+
title: 'TikTok',
40+
},
41+
{
42+
href: 'https://www.linkedin.com/company/aavelabs/',
43+
icon: <LinkedIn />,
44+
title: 'Linkedin',
45+
},
3546
{
3647
href: 'https://discord.com/invite/aave',
3748
icon: <DiscordIcon />,
3849
title: 'Discord',
3950
},
51+
{
52+
href: 'https://dune.com/aavelabs',
53+
icon: <DuneIcon />,
54+
title: 'Dune',
55+
},
4056
{
4157
href: 'https://github.com/aave',
4258
icon: <GitHub />,
4359
title: 'Github',
4460
},
4561
{
46-
href: 'https://www.instagram.com/aave/',
47-
icon: <Instagram />,
48-
title: 'Instagram',
62+
href: 'https://hey.xyz/u/aave',
63+
icon: <LensLogoIcon />,
64+
title: 'Aave on Lens',
4965
},
5066
];
5167

0 commit comments

Comments
 (0)