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 (
+
+ );
+}