Merged PR 170: Add new eslint rules

- naming-convention
- prefer-arrow-callback
- func-style
- import/no-default-export

src/Components/SVG/SVG.tsx

@@ -25,7 +25,7 @@ interface Viewer {
 
 export const ID = 'svg';
 
-function resizeViewBox(
+function ResizeViewBox(
   setViewer: React.Dispatch<React.SetStateAction<Viewer>>
 ): void {
   setViewer({
@@ -34,26 +34,28 @@ function resizeViewBox(
   });
 }
 
-function useSVGAutoResizer(
+function UseSVGAutoResizer(
   setViewer: React.Dispatch<React.SetStateAction<Viewer>>
 ): void {
   React.useEffect(() => {
-    const onResize = (): void => resizeViewBox(setViewer);
-    window.addEventListener('resize', onResize);
+    function OnResize(): void {
+      return ResizeViewBox(setViewer);
+    }
+    window.addEventListener('resize', OnResize);
 
     return () => {
-      window.removeEventListener('resize', onResize);
+      window.removeEventListener('resize', OnResize);
     };
   });
 }
 
-export const SVG: React.FC<ISVGProps> = (props: ISVGProps) => {
+export function SVG(props: ISVGProps): JSX.Element {
   const [viewer, setViewer] = React.useState<Viewer>({
     viewerWidth: window.innerWidth - BAR_WIDTH,
     viewerHeight: window.innerHeight
   });
 
-  useSVGAutoResizer(setViewer);
+  UseSVGAutoResizer(setViewer);
 
   const xmlns = '<http://www.w3.org/2000/svg>';
   const properties = {
@@ -64,9 +66,9 @@ export const SVG: React.FC<ISVGProps> = (props: ISVGProps) => {
 
   let children: React.ReactNode | React.ReactNode[] = [];
   if (Array.isArray(props.children)) {
-    children = props.children.map(child => <Container key={`container-${child.properties.id}`} model={child}/>);
+    children = props.children.map(child => <Container key={`container-${child.properties.id}`} model={child} />);
   } else if (props.children !== null) {
-    children = <Container key={`container-${props.children.properties.id}`} model={props.children}/>;
+    children = <Container key={`container-${props.children.properties.id}`} model={props.children} />;
   }
 
   return (
@@ -84,16 +86,14 @@ export const SVG: React.FC<ISVGProps> = (props: ISVGProps) => {
         }}
       >
         <svg {...properties}>
-          { children }
-          {
-            SHOW_DIMENSIONS_PER_DEPTH
-              ? <DepthDimensionLayer roots={props.children}/>
-              : null
-          }
+          {children}
+          {SHOW_DIMENSIONS_PER_DEPTH
+            ? <DepthDimensionLayer roots={props.children} />
+            : null}
           <SymbolLayer symbols={props.symbols} />
           <Selector selected={props.selected} /> {/* leave this at the end so it can be removed during the svg export */}
         </svg>
       </UncontrolledReactSVGPanZoom>
     </div>
   );
-};
+}