feat(border) added to styleFile to change around

Author: jpukin

styleFile.js

@@ -9,13 +9,16 @@ module.exports = {
 	accentColor: 'red', // accepted values include ['red', 'blue', 'white', 'green', etc.]
 
 	// setting to determine whether app dynamically adjusts to screen resizing; setting to false may improve performance
-	appResize: true, // acepted values include [true, false]
+	appResize: true, // accepted values include [true, false]
 
 	// setting to to determine whether or not app shows git flags by staged/unstaged files
-	showFlag: false, // acepted values include [true, false]
+	showFlag: false, // accepted values include [true, false]
 
 	// setting to change boldness of git tree
-	changeBold: true //accepted values include [true, false]
+	changeBold: true, // accepted values include [true, false]
+
+	// setting to change the border style
+	changeBorder: 'bold' // accepted values are ['single', 'double', 'round', 'bold']
 }
 
 

ui.js

@@ -18,7 +18,7 @@ const gitStatusProcess = require('./actions/gitStatusProcess')
 const gitBranchVisualPull = require('./actions/gitBranchVisualPull')
 const gitBranchVisualProcess = require('./actions/gitBranchVisualProcess')
 
-const {showLogo, defaultColor, accentColor, appResize, changeBold} = require('./styleFile')
+const {showLogo, defaultColor, accentColor, appResize, changeBold, changeBorder} = require('./styleFile')
 
 const App = () => {
 	const [status, setStatus] = useState("");
@@ -55,7 +55,7 @@ const App = () => {
 		<Box flexDirection="column" minHeight={appheight}>
 			{showLogo && <Logo />}
 			<Box
-				borderStyle="round"
+				borderStyle={changeBorder} //HERE IS HTE CURRENT BORDER TO CHANGE
 				borderColor={accentColor}
 				className="full-app"
 				height={20}
@@ -97,7 +97,7 @@ const App = () => {
 				</Box>
 				<Box
 					className="gitBranch"
-					borderStyle="round"
+					borderStyle={changeBorder} //ALSO HERE
 					borderColor={accentColor}
 					className="left-box"
 					width="65%"