git sync for colleagues.

All in 1 big commit :)...
Do as I say... not as I do (in my private stuff anyway)

src/components/filters/filter-list-item.tsx

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from "react";
+
+type Props = { label: string; link?: string; onClick?: () => {} };
+
+export const FilterListItem: FunctionComponent<Props> = ({ label, link, onClick }) => {
+  return (
+    <li onClick={onClick} key={link} className="filter">
+      {link !== undefined ? <a href={link}>{label}</a> : label}
+    </li>
+  );
+};

src/components/filters/filter-list.tsx

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from "react";
+
+type Props = {};
+
+export const FilterList: FunctionComponent<Props> = ({ children }) => {
+  return (
+    <ul id="filter-list" className="clearfix">
+      {children}
+    </ul>
+  );
+};