make add account button clickable start foundation for profile settings

package.json

@@ -1,6 +1,6 @@
 {
   "name": "proton",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "A custom minecraft launcher",
   "private": false,
   "author": "Matt Worzala <bhop.me>",

src/index.js

@@ -11,8 +11,8 @@ import './render2/common/standard.css';
 import './render2/common/window_control.css';
 import './render2/common/contextmenu.css';
 
-// import './render/core/index.css';
-// import App from './render/core/App';
+import './render/core/index.css';
+import App from './render/core/App';
 
 const doc = document.createElement("style");
 doc.innerHTML = window.ipc.sendSync('theme');

src/render/account/AccountManager.js

@@ -72,7 +72,7 @@ class AccountManager extends React.Component {
                         return (<Account key={acc._id} {...acc} />);
                     })}
                 </div>
-                <button onClick={() => window.ipc.send('account:inst')}>Add Account</button>
+                <button id="temp" onClick={() => window.ipc.send('account:inst')}>Add Account</button>
                 {/*</div>*/}
             </div>
         );

src/render/account/accounts.less

@@ -9,6 +9,8 @@
 
 }
 
+
+
 .am-content {
   box-sizing: border-box;
 
@@ -103,7 +105,7 @@
 
       button {
         position: absolute;
-        top: 0;
+        top: 30px;
         right: 0;
         outline: none;
         user-select: none;

src/render/modal/modals/Error.js

@@ -50,7 +50,7 @@ let report = {
 
 window.ipc.on('reporter:report', (_, newReport) => {
     report = newReport;
-    ModalConductor.openModal('errorReportModal');
+    // ModalConductor.openModal('errorReportModal');
 });
 
 class ErrorReport extends React.Component {

src/render2/accounts/accounts.less

@@ -10,6 +10,8 @@
     position: absolute;
     top: 0;
     left: 0;
+    z-index: 1000;
+    -webkit-app-region: no-drag;
   }
 
   .account {

src/render2/common/standard.less

@@ -3,6 +3,8 @@
 
 #root {
   display: flex;
+  width: 100vw;
+  height: 100vh;
   //background-color: var(--background-darker);
   background-color: #1b1c1c;
 }

src/render2/custom/index.js

@@ -141,6 +141,7 @@ export default class CustomProfile extends React.Component {
             version,
             name: this.state.input_name.trim(),
         });
+        this.props.history.push('/profiles');
     }
 
     render() {

src/render2/profiles/index.js

@@ -2,9 +2,10 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import { ContextMenu, ContextMenuTrigger, MenuItem } from 'react-contextmenu';
 import { flavorIcon } from "../common/helper";
+import { LoadingOverlay } from "../common/overlay";
 
 import './profiles.css';
-import {LoadingOverlay} from "../common/overlay";
+import './profile_settings.css';
 
 class Profiles extends React.Component {
     constructor(props) {
@@ -69,7 +70,7 @@ const Profile = props => (
         <ContextMenu id={props.name}>
             <MenuItem onClick={() => window.ipc.send('profile:launch', props.name)}><i className="fas fa-play"/>Launch</MenuItem>
             <MenuItem onClick={() => alert("// not implemented //")} disabled><i className={`fa${props.favorite ? 'r' : 's'} fa-star`}/>Favorite</MenuItem>
-            <MenuItem onClick={() => props.redirect('/curse')}><i className="fas fa-cog"/>Settings</MenuItem>
+            <MenuItem onClick={() => props.redirect(`/profiles/${props.id}/settings`)}><i className="fas fa-cog"/>Settings</MenuItem>
             <MenuItem onClick={() => window.ipc.send('open:folder', props.directory)}><i className="fas fa-folder"/>Open Folder</MenuItem>
             <MenuItem onClick={() => alert("// not implemented //")} disabled><i className="fas fa-link"/>Create Shortcut</MenuItem>
             <MenuItem onClick={() => alert("// not implemented //")} disabled><i className="fas fa-file-export"/>Export</MenuItem>
@@ -83,7 +84,7 @@ class ProfileSettings extends React.Component {
 
     render() {
         return (
-            <div>
+            <div className="profile-settings">
                 PROFILE_SETTINGS!!!
             </div>
         );

src/render2/profiles/profile_settings.less

@@ -0,0 +1,56 @@
+.profile-settings {
+  position: absolute;
+  display: flex;
+
+  width: 800px;
+  height: 500px;
+
+  .po-overview-image {
+    position: relative;
+
+    width: 159px;
+    height: 159px;
+
+    margin-left: 3px;
+
+    border: none;
+    border-radius: 3px;
+
+    &:hover .po-o-hidden {
+      display: flex;
+
+      & ~ img {
+        filter: brightness(0.7) blur(1px);
+      }
+    }
+
+    .po-o-hidden {
+      position: absolute;
+      left: 0;
+      top: 0;
+      display: none;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+
+      width: 100%;
+      height: 100%;
+
+      font-size: 17px;
+      font-family: Source Sans Pro, sans-serif;
+      font-style: italic;
+      color: var(--light);
+      text-shadow: 2px 2px var(--shadow);
+
+      z-index: 10;
+    }
+
+    img {
+      overflow: hidden;
+
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+}

src/render2/sidebar/sidebar.less

@@ -19,7 +19,6 @@
   }
 
   nav .sidebar-group {
-
     p {
       margin-top: 30px;
       padding-left: 10px;