diff --git a/src/components/appFooter/index.tsx b/src/components/appFooter/index.tsx index 35f80f9..b17f50e 100644 --- a/src/components/appFooter/index.tsx +++ b/src/components/appFooter/index.tsx @@ -3,7 +3,7 @@ import { Box, Text } from "grommet" import { Group, Medium, Twitter } from 'grommet-icons' import styled, {CSSProperties} from 'styled-components'; -import { TelegramIcon, DiscordIcon } from 'src/components/ui/icons' +import { TelegramIcon, DiscordIcon, SubstackIcon } from 'src/components/ui/icons' const IconAhchor = styled.a` opacity: 0.9; @@ -26,8 +26,8 @@ export function AppFooter(props: { style: CSSProperties }) { - - + + @@ -50,4 +50,4 @@ export function AppFooter(props: { style: CSSProperties }) { ) -} \ No newline at end of file +} diff --git a/src/components/ui/icons.tsx b/src/components/ui/icons.tsx index 83f156e..db666c4 100644 --- a/src/components/ui/icons.tsx +++ b/src/components/ui/icons.tsx @@ -120,3 +120,21 @@ export function GearIcon(props: IIconProps) { ); } + +export function SubstackIcon(props: IIconProps) { + const theme = React.useContext(ThemeContext); + const { size = "24px", color = theme.global.palette.Grey } = props; + + return ( + + Substack + + + ); +}