Merged PR 170: Add new eslint rules

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

src/Components/SVG/Elements/Selector/Selector.tsx

@@ -2,14 +2,14 @@ import './Selector.scss';
 import * as React from 'react';
 import { IContainerModel } from '../../../../Interfaces/IContainerModel';
 import { SHOW_SELECTOR_TEXT } from '../../../../utils/default';
-import { getAbsolutePosition } from '../../../../utils/itertools';
+import { GetAbsolutePosition } from '../../../../utils/itertools';
 import { RemoveMargin } from '../../../../utils/svg';
 
 interface ISelectorProps {
   selected?: IContainerModel
 }
 
-export const Selector: React.FC<ISelectorProps> = (props) => {
+export function Selector(props: ISelectorProps): JSX.Element {
   if (props.selected === undefined || props.selected === null) {
     return (
       <rect visibility={'hidden'}>
@@ -17,7 +17,7 @@ export const Selector: React.FC<ISelectorProps> = (props) => {
     );
   }
 
-  let [x, y] = getAbsolutePosition(props.selected);
+  let [x, y] = GetAbsolutePosition(props.selected);
   let [width, height] = [
     props.selected.properties.width,
     props.selected.properties.height
@@ -34,7 +34,7 @@ export const Selector: React.FC<ISelectorProps> = (props) => {
   const yText = y + height / 2;
 
   const style: React.CSSProperties = {
-    stroke: '#3B82F6', // tw blue-500
+    stroke: '#3B82F6',
     strokeWidth: 4,
     fillOpacity: 0,
     transitionProperty: 'all',
@@ -63,4 +63,4 @@ export const Selector: React.FC<ISelectorProps> = (props) => {
         : null}
     </>
   );
-};
+}