import { Page } from "@geist-ui/react" ; import { FC } from "react" ; import styled from "styled-components" ; import { useTranslation } from "next-i18next" ; import { Connection } from "containers/Connection" ; import { NETWORK_NAMES } from "containers/config" ; const Container = styled ( Page . Footer ) `
  text-align: center;
  padding-top: 2.5rem;
  padding-bottom: 5rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
` ; const NavItem = styled . a `
  font-family: "Source Code Pro", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  margin: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 4px;
  position: relative;
  padding: 0 8px;

  @media screen and (max-width: 600px) {
    padding: 0;
    letter-spacing: 2px;
  }
` ; export const Footer = ( ) => { const { t } = useTranslation ( "common" ) ; const { chainName } = Connection . useContainer ( ) ; const liquidityLink = ( ) => { switch ( chainName ) { case NETWORK_NAMES . POLY : return "https://swap.cometh.io/#/add/0x9c78ee466d6cb57a4d01fd887d2b5dfb2d46288f/0x2b88ad57897a8b496595925f43048301c37615da" ; case NETWORK_NAMES . ARB : return "https://arbitrum.balancer.fi/#/pool/0xc2f082d33b5b8ef3a7e3de30da54efd3114512ac000200000000000000000017" ; case NETWORK_NAMES . ETH : default : return "https://analytics.sushi.com/pairs/0x269db91fc3c7fcc275c2e6f22e5552504512811c" ; } } ; return ( < Container > < NavItem target = "_blank" rel = "noopener noreferrer" href = { liquidityLink ( ) } > { t ( "nav.pickleEth" ) } < /NavItem> < NavItem target = "_blank" rel = "noopener noreferrer" href = "https://github.com/pickle-finance/contracts" > { t ( "nav.github" ) } < /NavItem> < NavItem target = "_blank" rel = "noopener noreferrer" href = "https://snapshot.org/#/pickle.eth" > { t ( "nav.vote" ) } < /NavItem> < NavItem target = "_blank" rel = "noopener noreferrer" href = "https://forum.pickle.finance" > { t ( "nav.forum" ) } < /NavItem> < NavItem target = "_blank" rel = "noopener noreferrer" href = "http://discord.gg/uG6WhYkM8n" > { t ( "nav.discord" ) } < /NavItem> < NavItem target = "_blank" rel = "noopener noreferrer" href = "https://twitter.com/picklefinance" > { t ( "nav.twitter" ) } < /NavItem> < NavItem target = "_blank" rel = "noopener noreferrer" href = "https://picklefinance.medium.com/" > { t ( "nav.medium" ) } < /NavItem> < NavItem target = "_blank" rel = "noopener noreferrer" href = "https://docs.pickle.finance" > { t ( "nav.docs" ) } < /NavItem> < /Container>); } ;