added close to raw editor / new mapping

Author: kirjavascript

CHANGELOG

@@ -14,7 +14,9 @@
 - Rebuilt Project screen
     - Tree structure for projects
     - Reuse file menu
-- New mapping autodismiss is configurable
+- Mapping screen updates
+    - New mapping autodismiss is configurable
+    - Added 'close' to new mapping / raw editor
 - Fixed a keycombination event bug [#29](/../../issues/29)
 - Fixed corrupted art when importing transparent PNGs [#22](/../../issues/22)
 

TODO

@@ -20,10 +20,9 @@ definition([
 ])
 
 // copy to project
+// art ffset save message / input size
 // autozoom based on sprite size for sprites tab
-// close button for new mapping screen / raw editor
 
-// art ffset save message / input size
 // crackers first, then kd cham
 // UI by definition
 

app/components/mappings/new-mapping.js

@@ -7,7 +7,7 @@ import { environment } from '#store/environment';
 import { observer } from 'mobx-react';
 import { Mapping } from './mapping';
 import { Spring } from 'react-spring/renderprops';
-import { Checkbox } from '#ui';
+import { Checkbox, Button } from '#ui';
 
 const baseConfig = {
     hflip: false,
@@ -18,13 +18,16 @@ const baseConfig = {
     priority: false,
 };
 
-const AutoDismiss = observer(() => (
-    <div className="autodismiss">
-        <span onClick={mappingState.toggleAutodismiss}>autodismiss</span>
-        <Checkbox
-            checked={mappingState.autodismiss}
-            onChange={mappingState.toggleAutodismiss}
-        />
+const BottomMenu = observer(() => (
+    <div className="row">
+        <Button color="magenta" onClick={mappingState.toggleNewMapping}>close</Button>
+        <div className="autodismiss">
+            <span onClick={mappingState.toggleAutodismiss}>autodismiss</span>
+            <Checkbox
+                checked={mappingState.autodismiss}
+                onChange={mappingState.toggleAutodismiss}
+            />
+        </div>
     </div>
 ));
 
@@ -155,7 +158,7 @@ export class NewMapping extends Component {
                                             })}
                                         </div>
                                     ))}
-                            <AutoDismiss />
+                            <BottomMenu />
                         </div>
                     )}
                 </Spring>