diff --git a/shared/src/assets/icons/pyth.tsx b/shared/src/assets/icons/pyth.tsx
new file mode 100644
index 000000000..4912502da
--- /dev/null
+++ b/shared/src/assets/icons/pyth.tsx
@@ -0,0 +1,74 @@
+export const Pyth: React.FC = (props) => (
+
+);
diff --git a/shared/src/constants/constants.ts b/shared/src/constants/constants.ts
index 03f207e40..7d702fec0 100644
--- a/shared/src/constants/constants.ts
+++ b/shared/src/constants/constants.ts
@@ -1525,6 +1525,7 @@ export const URLS = {
github: "https://github.com/ribbon-finance",
discord: "https://discord.com/invite/aevo",
medium: "https://www.research.ribbon.finance",
+ pyth: "https://pyth.network/",
// docs
docs: "https://docs.ribbon.finance",
diff --git a/webapp/src/components/Footer/DesktopFooter.tsx b/webapp/src/components/Footer/DesktopFooter.tsx
index 78605c4a5..0b857eebe 100644
--- a/webapp/src/components/Footer/DesktopFooter.tsx
+++ b/webapp/src/components/Footer/DesktopFooter.tsx
@@ -7,6 +7,7 @@ import colors from "shared/lib/designSystem/colors";
import sizes from "shared/lib/designSystem/sizes";
import theme from "shared/lib/designSystem/theme";
import { isVIP } from "shared/lib/utils/env";
+import { Pyth } from "shared/lib/assets/icons/pyth";
const FooterContainer = styled.div`
display: flex;
@@ -64,6 +65,11 @@ const DesktopFooter = () => {
{renderLinkItem("DISCORD", URLS.discord)}
{renderLinkItem("TWITTER", URLS.twitter)}
{renderLinkItem("GITHUB", URLS.github)}
+
+
+
+
+
);
diff --git a/webapp/src/components/Header/Header.tsx b/webapp/src/components/Header/Header.tsx
index d14afef3c..e377d414d 100644
--- a/webapp/src/components/Header/Header.tsx
+++ b/webapp/src/components/Header/Header.tsx
@@ -20,7 +20,7 @@ import { useGlobalState } from "shared/lib/store/store";
import FilterDropdown from "shared/lib/components/Common/FilterDropdown";
import { useHistory } from "react-router-dom";
import { BuyButton } from "../Wallet/BuyButton";
-
+import { Pyth } from "shared/lib/assets/icons/pyth";
export const HeaderContainer = styled.div`
height: ${theme.header.height}px;
position: sticky;
@@ -188,7 +188,8 @@ const Header = () => {
isSelected: boolean,
primary: boolean = true,
external: boolean = false,
- isHighlighted: boolean = false
+ isHighlighted: boolean = false,
+ image?: JSX.Element
) => {
return (
{
{title}
+ {image && image}
)}
@@ -348,6 +350,7 @@ const Header = () => {
)}
{renderLinkItem("AUCTIONS", URLS.auction, false, false, true)}
+ {renderLinkItem("", URLS.pyth, false, false, true, false, )}