From fbc21be857dbfe2fe299c14fcbd79bd37b94fdc8 Mon Sep 17 00:00:00 2001
From: Joshua Sigona <sigonasr2@gmail.com>
Date: Sun, 11 Jul 2021 19:20:25 +0900
Subject: [PATCH] Add non-functional share-save buttons

---
 src/App.css | 12 ++++++++++++
 src/App.js  | 10 +++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index 63911ea..24f4b12 100644
--- a/src/App.css
+++ b/src/App.css
@@ -338,4 +338,16 @@ input#editBox{
 	overflow:wrap;
 	background-color:rgba(64,64,96,0.9);
 	color:rgba(210,210,210,1);
+}
+button{
+	padding:0px 3px 0px 3px;
+	border: 1px black solid;
+	background-color:gray;
+	color:white;
+    	font-family: ngs,sans-serif;
+	font-size: 16px;
+	font-weight: normal;
+	text-align: center;
+   	 -webkit-font-smoothing: antialiased;
+	text-shadow: -1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
 }
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index c5282ac..9a09ac1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,6 @@
 import './App.css';
 import React, {useState,useEffect,useRef} from 'react';
-//import ReactWindow from 'reactjs-windows'
+import ReactWindow from 'reactjs-windows'
 import 'reactjs-windows/dist/index.css'
 
 function Col(p) {
@@ -181,6 +181,7 @@ function MainBox(p) {
 			<ListRow title="Build Name"><EditableBox setData={p.setBuildName} data={p.buildName}/></ListRow>
 			<ListRow title="Class" content={<EditableClass setClassName={p.setClassName} class={p.className}></EditableClass>}><span className="ye">Lv.20</span></ListRow>
 			<ListRow content={<><EditableClass setClassName={p.setSecondaryClassName} class={p.secondaryClassName}></EditableClass></>}>Lv.15</ListRow>
+			<ListRow><button>Share</button> <button>Save</button></ListRow>
 		</Table>
 	   </Box>
 }
@@ -336,6 +337,12 @@ function ListRow(p) {
 	</tr>
 }
 
+function PopupWindow(p) {
+	return <ReactWindow title="Test Window">
+		This is a test window.
+	</ReactWindow>
+}
+
 function App() {	
 	const [author,setAuthor] = useState("Dudley")
 	const [buildName,setBuildName] = useState("Fatimah")
@@ -404,6 +411,7 @@ function App() {
 		<StatsBox bp={bp} setBP={setBP} hp={hp} setHP={setHP} pp={pp} setPP={setPP} def={def} setDef={setDef} weaponUp1={weaponUp1} setWeaponUp1={setWeaponUp1} weaponUp2={weaponUp2} setWeaponUp2={setWeaponUp2} weaponUp3={weaponUp3} setWeaponUp3={setWeaponUp3} damageResist={damageResist} setDamageResist={setDamageResist}/>
 		<DamageBox criticalHitRate={criticalHitRate} setCriticalHitRate={setCriticalHitRate} criticalMultiplier={criticalMultiplier} setCriticalMultiplier={setCriticalMultiplier} midRange={midRange} setMidRange={setMidRange} critical={critical} setCritical={setCritical} effective={effective} setEffective={setEffective}/>
 	</Col>
+	<PopupWindow/>
 </div></>
   );
 }