Merge pull request #40 from kurgm/fix-whitespace

Fix whitespace in the source code

src/components/Grid.tsx

@@ -36,4 +36,4 @@ const Grid = () => {
   );
 };
 
-export default Grid;
+export default Grid;

src/components/OptionModal.css

@@ -1,15 +1,15 @@
 .modal-content {
-    position: absolute;
-    left: 50%;
-    transform: translate(-50%, 0);
-    bottom: 40px;
-    border: 1px solid #ccc;
-    background: #ffffff;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    border-radius: 4px;
-    outline: none;
-    padding: 20px;
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%, 0);
+  bottom: 40px;
+  border: 1px solid #ccc;
+  background: #ffffff;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  border-radius: 4px;
+  outline: none;
+  padding: 20px;
 }
 
 .modal-content > div {

src/components/OptionModal.tsx

@@ -47,7 +47,7 @@ const OptionModal = () => {
   const handleXorMaskTypeChange = useCallback((evt: React.ChangeEvent<HTMLSelectElement>) => {
     dispatch(displayActions.setXorMaskType(evt.currentTarget.value as XorMaskType));
   }, [dispatch]);
-  
+
   const { t, i18n } = useTranslation();
   const handleLanguageChange = useCallback((evt: React.ChangeEvent<HTMLSelectElement>) => {
     i18n.changeLanguage(evt.currentTarget.value);

src/components/SelectionControl.tsx

@@ -79,9 +79,9 @@ const selectionControlSelector = createSelector(
           });
           let className = '';
           if (matchType === MatchType.match) {
-              className = 'match';
+            className = 'match';
           } else if (matchType === MatchType.online) {
-              className = 'online';
+            className = 'online';
           }
 
           pointControl.push({
@@ -186,4 +186,4 @@ const SelectionControl = () => {
   </>;
 };
 
-export default SelectionControl;
+export default SelectionControl;

src/components/StrokeCenterLine.css

@@ -2,4 +2,4 @@
   fill: none;
   stroke: #ffffff;
   stroke-width: 1px;
-}
+}

src/components/SubmitForm.tsx

@@ -50,4 +50,4 @@ const SubmitForm = () => {
   );
 };
 
-export default SubmitForm;
+export default SubmitForm;

src/reducers/display.ts

@@ -66,7 +66,7 @@ const updateBuilder = (builder: ReducerBuilder<AppState>) => builder
     ...state,
     shotai,
   }))
-  
+
   .case(displayActions.setXorMaskType, (state, xorMaskType) => ({
     ...state,
     xorMaskType,

src/shortcuts.ts

@@ -1,5 +1,5 @@
 import { useDispatch } from 'react-redux';
-import { useHotkeys }from 'react-hotkeys-hook';
+import { useHotkeys } from 'react-hotkeys-hook';
 
 import { selectActions } from './actions/select';
 import { editorActions } from './actions/editor';