Changeset View
Changeset View
Standalone View
Standalone View
web/e.cash/components/footer/index.js
Show All 16 Lines | |||||
import { navitems } from '/data/navitems.js'; | import { navitems } from '/data/navitems.js'; | ||||
import { socials } from '/data/socials.js'; | import { socials } from '/data/socials.js'; | ||||
import { Container } from '/components/atoms'; | import { Container } from '/components/atoms'; | ||||
import CustomLink from '/components/custom-link'; | import CustomLink from '/components/custom-link'; | ||||
export default function Footer() { | export default function Footer() { | ||||
const currentYear = new Date().getFullYear(); | const currentYear = new Date().getFullYear(); | ||||
const copyrightSymbol = '\u00A9'; | const copyrightSymbol = '\u00A9'; | ||||
const navitemsWithoutDropdown = navitems.filter( | |||||
navitem => !navitem.dropdown_items, | |||||
); | |||||
return ( | return ( | ||||
<FooterCtn> | <FooterCtn> | ||||
<Container> | <Container> | ||||
<div> | <div> | ||||
<LogoCtn> | <LogoCtn> | ||||
<div> | <div> | ||||
<Image | <Image | ||||
src="/images/ecash-logo.svg" | src="/images/ecash-logo.svg" | ||||
Show All 27 Lines | return ( | ||||
target="_blank" | target="_blank" | ||||
title="Send us an email!" | title="Send us an email!" | ||||
> | > | ||||
<div>contact@e.cash</div> | <div>contact@e.cash</div> | ||||
</ContactLink> | </ContactLink> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<LinksCtn> | <LinksCtn> | ||||
{navitems.map(navitem => ( | {navitems.map( | ||||
<div key={navitem.nav_item}> | (navitem, index) => | ||||
navitem.dropdown_items && ( | |||||
<div | |||||
key={`${navitem.nav_item}_${index}`} | |||||
> | |||||
<div>{navitem.nav_item}</div> | <div>{navitem.nav_item}</div> | ||||
{navitem.dropdown_items ? ( | |||||
<DropdownCtn> | <DropdownCtn> | ||||
{navitem.dropdown_items.map( | {navitem.dropdown_items.map( | ||||
dropdownitem => ( | dropdownitem => ( | ||||
<CustomLink | <CustomLink | ||||
href={dropdownitem.link} | href={ | ||||
key={dropdownitem.title} | dropdownitem.link | ||||
} | |||||
key={ | |||||
dropdownitem.title | |||||
} | |||||
> | > | ||||
{dropdownitem.title} | {dropdownitem.title} | ||||
</CustomLink> | </CustomLink> | ||||
), | ), | ||||
)} | )} | ||||
{index === 0 && | |||||
navitemsWithoutDropdown.map( | |||||
item => ( | |||||
<CustomLink | |||||
href={item.link} | |||||
key={ | |||||
item.nav_item | |||||
} | |||||
> | |||||
{item.nav_item} | |||||
</CustomLink> | |||||
), | |||||
)} | |||||
</DropdownCtn> | </DropdownCtn> | ||||
) : null} | |||||
</div> | </div> | ||||
))} | ), | ||||
)} | |||||
</LinksCtn> | </LinksCtn> | ||||
</ContentCtn> | </ContentCtn> | ||||
<Copyright> | <Copyright> | ||||
{copyrightSymbol} | {copyrightSymbol} | ||||
{currentYear} Bitcoin ABC. All Rights Reserved. | {currentYear} Bitcoin ABC. All Rights Reserved. | ||||
</Copyright> | </Copyright> | ||||
</div> | </div> | ||||
</Container> | </Container> | ||||
</FooterCtn> | </FooterCtn> | ||||
); | ); | ||||
} | } |