Fixes interface syntax

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`