lbry-desktop/web/component/footer.jsx

102 lines
2.1 KiB
React
Raw Normal View History

2020-05-08 18:48:58 +02:00
// @flow
2020-05-23 02:18:10 +02:00
import * as PAGES from 'constants/pages';
2020-05-08 18:48:58 +02:00
import React from 'react';
import Button from 'component/button';
const sections = [
{
2020-05-13 17:55:49 +02:00
name: 'Community',
2020-05-08 18:48:58 +02:00
links: [
{
label: 'Twitter',
link: 'https://twitter.com/lbryio',
},
{
label: 'Reddit',
2020-05-15 14:48:26 +02:00
link: 'https://reddit.com/r/lbry',
2020-05-08 18:48:58 +02:00
},
{
2020-05-13 17:55:49 +02:00
label: 'Chat (Discord)',
link: 'https://chat.lbry.org/',
2020-05-08 18:48:58 +02:00
},
{
label: 'Telegram',
link: 'https://t.me/lbryofficial',
},
{
label: 'Facebook',
link: 'https://www.facebook.com/lbryio',
},
],
},
{
2020-05-13 17:55:49 +02:00
name: 'Resources',
2020-05-08 18:48:58 +02:00
links: [
{
label: 'FAQ',
link: 'https://lbry.com/faq',
},
2020-05-13 17:55:49 +02:00
{
label: 'Support',
link: 'https://lbry.com/faq/support',
},
{
label: 'YouTube Partner Program',
link: 'https://lbry.com/youtube',
},
{
label: 'lbry.com',
link: 'https://lbry.com',
},
2020-05-08 18:48:58 +02:00
{
label: 'lbry.tech',
link: 'https://lbry.tech',
},
{
2020-05-13 17:55:49 +02:00
label: 'GitHub',
link: 'https://github.com/lbryio',
2020-05-08 18:48:58 +02:00
},
],
},
{
2020-05-13 17:55:49 +02:00
name: 'Policies',
2020-05-08 18:48:58 +02:00
links: [
{
label: 'Terms of Service',
link: 'https://www.lbry.com/termsofservice',
},
{
2020-05-13 17:55:49 +02:00
label: 'Privacy Policy',
link: 'https://lbry.com/privacypolicy',
2020-05-08 18:48:58 +02:00
},
2020-05-23 02:18:10 +02:00
{
label: '2257',
navigate: `/$/${PAGES.CODE_2257}`,
},
2020-05-08 18:48:58 +02:00
],
},
];
export default function Footer() {
return (
<footer className="footer">
{sections.map(({ name, links }) => {
return (
2020-05-13 18:10:23 +02:00
<div key={name} className="footer__section">
2020-05-08 18:48:58 +02:00
<div className="footer__section-title">{name}</div>
<ul className="ul--no-style">
2020-05-23 02:18:10 +02:00
{links.map(({ label, link, navigate }) => {
return (
<li key={label}>
<Button className="footer__link" href={link} navigate={navigate} label={label} />
</li>
);
})}
2020-05-08 18:48:58 +02:00
</ul>
</div>
);
})}
</footer>
);
}