Standard footer React component for IMRD's projects
By the Institute for Memetic Research & Development
| Property | Type |
|---|---|
| homepage | string |
| tweet | shape |
| items | array |
See below:
Footer.propTypes = {
homepage: string,
tweet: shape({
url: string,
handle: string,
text: string,
hashtags: arrayOf(string)
}),
items: arrayOf(
shape({
children: node,
title: string,
href: string,
icon: shape({}),
color: string,
className: string
})
)
};
Footer.defaultProps = {
homepage: 'https://memetic.institute',
tweet: {
url: 'https://memetic.institute',
handle: 'memetic_insti2t',
hashtags: ['imrd']
},
items: [
{
children: 'More Memes',
href: 'https://memetic.institute/projects',
icon: faPlusCircle,
color: '#700fdd'
},
{
children: 'Donate',
href: 'https://memetic.institute/gib',
icon: faBitcoin,
color: '#f90'
},
{
children: 'Share',
className: 'share-twitter',
get href() {
return twitterIntent(this.tweet);
},
icon: faShareAlt,
color: twitterColor,
isTwitterIntent: true
},
[
{
title: 'Twitter',
href: 'https://twitter.com/memetic_insti2t',
icon: faTwitter,
color: twitterColor
},
{
title: 'Facebook',
href:
'https://fb.me/institute.for.memetic.research.and.development',
icon: faFacebook,
color: '#4267B2'
},
{
title: 'Discord',
href: 'https://discord.gg/mUxVBb4',
icon: faDiscord,
color: '#7289DA'
},
{
title: 'Patreon',
href: 'https://www.patreon.com/memeticinstitute',
icon: faPatreon,
color: '#f96854'
},
{
title: 'GitHub',
href: 'https://github.com/memetic-institute',
icon: faGithub,
color: black
}
]
]
};