relicon sorted

Author: thefringeninja

src/components/RelIcon.js src/components/RelIcon.tssrc/components/RelIcon.js renamed to src/components/RelIcon.ts

@@ -1,20 +1,21 @@
-import { createElement } from 'react';
+import { SvgIconProps } from '@material-ui/core/SvgIcon';
+import { createElement, ReactElement } from 'react';
+import { rels } from '../stream-store';
 import {
-    Publish,
-    Settings,
+    ChevronLeft,
+    ChevronRight,
     DeleteForever,
     FirstPage,
+    Help,
     LastPage,
-    ChevronLeft,
-    ChevronRight,
-    RssFeed,
+    List,
+    Publish,
     Refresh,
+    RssFeed,
     Search,
+    Settings,
     SqlStreamStore,
-    List,
-    Help,
 } from './Icons';
-import { rels } from '../stream-store';
 
 const fontIconByRel = {
     [rels.first]: FirstPage,
@@ -32,7 +33,11 @@ const fontIconByRel = {
     [rels.curies]: Help,
 };
 
-const RelIcon = ({ rel, ...props }) =>
+interface RelIconProps extends SvgIconProps {
+    rel: string;
+}
+
+const RelIcon = ({ rel, ...props }: RelIconProps): ReactElement<SvgIconProps> =>
     createElement(fontIconByRel[rel] || SqlStreamStore, props);
 
 export default RelIcon;