aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/footer.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/@next/components/footer.tsx')
-rw-r--r--packages/website/ts/@next/components/footer.tsx40
1 files changed, 28 insertions, 12 deletions
diff --git a/packages/website/ts/@next/components/footer.tsx b/packages/website/ts/@next/components/footer.tsx
index aff5c13c4..be5c075f9 100644
--- a/packages/website/ts/@next/components/footer.tsx
+++ b/packages/website/ts/@next/components/footer.tsx
@@ -8,16 +8,27 @@ import { Button } from './button';
import { Section, Wrap, Column } from './layout';
import { Logo } from './logo';
-export interface FooterInterface {
+interface FooterInterface {
}
-export interface LinkInterface {
+interface LinkInterface {
text: string;
url: string;
newWindow?: boolean;
}
-const linkRows = [
+interface LinkRows {
+ [key: string]: {
+ heading: string;
+ links: Array<LinkInterface>;
+ }
+}
+
+interface LinkListProps {
+ links: Array<LinkInterface>;
+}
+
+const linkRows: LinkRows = [
{
heading: 'Products',
links: [
@@ -65,15 +76,7 @@ export const Footer: React.StatelessComponent<FooterInterface> = ({}) => (
{ row.heading }
</RowHeading>
- <ul>
- {_.map(row.links, (link, index) => (
- <li key={`fl-${index}`}>
- <Link href={link.url}>
- { link.text }
- </Link>
- </li>
- ))}
- </ul>
+ <LinkList links={row.links} />
</Column>
))}
</Wrap>
@@ -82,6 +85,19 @@ export const Footer: React.StatelessComponent<FooterInterface> = ({}) => (
</FooterWrap>
);
+
+const LinkList = (props: LinkListProps) => (
+ <ul>
+ {_.map(props.links, (link, index) => (
+ <li key={`fl-${index}`}>
+ <Link href={link.url}>
+ { link.text }
+ </Link>
+ </li>
+ ))}
+ </ul>
+);
+
const FooterWrap = Section.withComponent('footer');
const RowHeading = styled.h3`