fix commands and stylign

src/ui/components/MiniDialog.tsx

@@ -1,9 +1,11 @@
 import React from 'react'
 
+import Close from '../../resources/icons/close.svg'
 import './MiniDialog.css'
 
 interface IProps {
   children: React.ReactNode[] | React.ReactNode;
+  closeFn: () => void;
 }
 
 export default class MiniDialog extends React.Component<IProps, never> {
@@ -14,7 +16,13 @@ export default class MiniDialog extends React.Component<IProps, never> {
   render() {
     return (
       <div className="MiniDialog">
-        {this.props.children}
+        <div className="MiniDialogTop" onClick={this.props.closeFn}>
+          <div></div>
+          <img src={Close} className="MiniDialogClose" />
+        </div>
+        <div className="MiniDialogInner">
+          {this.props.children}
+        </div>
       </div>
     )
   }