prettier

src/containers/PinnedManager/PinnedManager.js

@@ -4,12 +4,12 @@ import Box from '../../components/UI/Box/Box';
 import Button from '../../components/UI/Button/Button';
 import CheckBox from '../../components/UI/CheckBox/CheckBox';
 import IPCContainer from '../IPCContainer/IPCContainer';
-import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
-import {connect} from 'react-redux';
-import {displayPinnedManager} from '../../redux/actions/pinned_manager_actions';
-import {faFolder} from '@fortawesome/free-solid-svg-icons';
-import {notifyApplicationBusy} from '../../redux/actions/common_actions';
-import {notifyError, notifyInfo} from '../../redux/actions/error_actions';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { connect } from 'react-redux';
+import { displayPinnedManager } from '../../redux/actions/pinned_manager_actions';
+import { faFolder } from '@fortawesome/free-solid-svg-icons';
+import { notifyApplicationBusy } from '../../redux/actions/common_actions';
+import { notifyError, notifyInfo } from '../../redux/actions/error_actions';
 
 const Constants = require('../../constants');
 
@@ -39,7 +39,7 @@ class PinnedManager extends IPCContainer {
     });
   };
 
-  onGetDirectoryItemsReply = (_, {data}) => {
+  onGetDirectoryItemsReply = (_, { data }) => {
     if (data.Success) {
       const items = data.Items.filter(
         (i) =>
@@ -70,9 +70,9 @@ class PinnedManager extends IPCContainer {
       style.marginBottom = '4px';
     }
     return (
-      <div key={'dir_' + idx} style={{...style}}>
+      <div key={'dir_' + idx} style={{ ...style }}>
         <Button
-          buttonStyles={{textAlign: 'left'}}
+          buttonStyles={{ textAlign: 'left' }}
           clicked={() => {
             const previous = [...this.state.previous];
             if (path === '..') {
@@ -95,7 +95,7 @@ class PinnedManager extends IPCContainer {
             icon={faFolder}
             fixedWidth
             color={'var(--heading_text_color)'}
-            style={{padding: 0, margin: 0}}
+            style={{ padding: 0, margin: 0 }}
           />
           &nbsp;{name}
         </Button>
@@ -104,12 +104,12 @@ class PinnedManager extends IPCContainer {
   };
 
   createFile = (name, path, pinned, idx, total, item_idx) => {
-    const style = {textAlign: 'left'};
+    const style = { textAlign: 'left' };
     if (item_idx + 1 !== total) {
       style.marginBottom = '2px';
     }
     return (
-      <div key={'file_' + idx} style={{...style}}>
+      <div key={'file_' + idx} style={{ ...style }}>
         <CheckBox
           checked={pinned}
           changed={() => {
@@ -153,11 +153,11 @@ class PinnedManager extends IPCContainer {
               <a
                 href={'#'}
                 onClick={() => this.props.displayPinnedManager(false)}
-                style={{cursor: 'pointer', flex: '0'}}>
+                style={{ cursor: 'pointer', flex: '0' }}>
                 X
               </a>
             </div>
-            <h1 style={{width: '100%', textAlign: 'center'}}>{'Pinned File Manager'}</h1>
+            <h1 style={{ width: '100%', textAlign: 'center' }}>{'Pinned File Manager'}</h1>
             <div className={'PinnedManagerActiveDirectory'}>
               <b>&nbsp;{this.state.active_directory}</b>
             </div>
@@ -168,13 +168,13 @@ class PinnedManager extends IPCContainer {
                 return i.directory
                   ? this.createDirectory(i.name, i.path, idx++, this.state.items.length, k)
                   : this.createFile(
-                    i.name,
-                    i.path,
-                    i.meta.pinned,
-                    idx++,
-                    this.state.items.length,
-                    k
-                  );
+                      i.name,
+                      i.path,
+                      i.meta.pinned,
+                      idx++,
+                      this.state.items.length,
+                      k
+                    );
               })}
             </div>
           </div>