From d54a9a1ec07292dab4b2fb365b676ce5df3aeec4 Mon Sep 17 00:00:00 2001
From: dudleycu <dudleyc.twitch@gmail.com>
Date: Mon, 16 Aug 2021 23:30:28 +0000
Subject: [PATCH] Working on class select modal (sorry for wasting ur time sig
 D:)

---
 public/icons/class/br.png | Bin 0 -> 281 bytes
 src/TestPanel.js          |  36 ++++++++++++++++++++++--------------
 2 files changed, 22 insertions(+), 14 deletions(-)
 create mode 100644 public/icons/class/br.png

diff --git a/public/icons/class/br.png b/public/icons/class/br.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c51c2b913adcd1a86430bb26bf5bc34f1caf786
GIT binary patch
literal 281
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|SkfJR9T^xl
z_H+M9WCij$3p^r=85sBugD~Uq{1quc!F8T4jv*HQ$teeza`vTMF*YzVao8#Gfa5#Q
z4m&jsUiKD~#mpki9#?soG~zb=ob^%u6id^8Zpk`hQ8~dG|Kzk7rn#5daU@hQvdyS3
z6j8`N##$g%5K!=lT|-#^KqkY+2EnWMmoRt5HZVD?YfM}rz;!^)ZzFesRKkC|c!pC)
zfUFPG-yUa4;&Jp0y%v92T0&Cd^}?7r4C!fBr))Prv_JgcO=G%7!$a0fJc$Vm4E<r&
VQYSCWmj}9>!PC{xWt~$(699EOTWSCR

literal 0
HcmV?d00001

diff --git a/src/TestPanel.js b/src/TestPanel.js
index 87a404c..2398f34 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -104,18 +104,7 @@ function ClassSelector(p){
   </>
 }
 
-function ClassSelectorWindow(p) {
-  return <SelectorWindow title={(p.editClass)?"Select Sub Class":"Select Main Class"} modalOpen={p.modalOpen} setModalOpen={p.setModalOpen} GetData={p.GetData}
-  dataFunction={() => {
-    var dat1 = p.GetData("class")
-    return Object.keys(dat1)
-  }
-  }
-  displayFunction={(key) => {
-    return <li className="classSelect" onClick={() => { if (p.editClass===0){p.setClassName(key)}else{p.setSubClassName(key)}; p.setModalOpen(false) }}><img alt="" src={DisplayIcon(p.GetData("class", key, "icon"))} /> {p.GetData("class", key, "name")}</li>
-  }}
-/>
-}
+
 
 function EditableClass(p){
 	return <><div className="editClass" onClick={()=>{p.setClassNameSetter(p.editClass);p.setClassSelectWindowOpen(true)}}><Class GetData={p.GetData} name={p.name}/>
@@ -286,7 +275,7 @@ useEffect(()=>{
             <td colSpan="2"><EditBoxInput setData={setbuildName} data={buildName}/></td>
           </tr>
           <tr>
-            <td>Class</td>
+            <td onClick={()=>{setClassSelectWindowOpen(true)}}>Class</td>
             <td>
             <EditableClass editClass={0} setClassNameSetter={setClassNameSetter} GetData={p.GetData} setClassName={setClassName} name={className} setClassSelectWindowOpen={setClassSelectWindowOpen}></EditableClass>
             </td>
@@ -548,7 +537,26 @@ AUGMENT
   </div>
 </div>
 
-<ClassSelectorWindow setClassName={setClassName} editClass={classNameSetter} setSubClassName={setSubClassName} modalOpen={classSelectWindowOpen} setModalOpen={setClassSelectWindowOpen} GetData={p.GetData}/>
+<Modal isOpen={classSelectWindowOpen} onRequestClose={()=>{setClassSelectWindowOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlay">
+<div className="box boxModal">
+          <div className="boxTitleBar">
+            <h1>Select Main Class</h1>
+            <div className="boxExit" onClick={() => { setClassSkillTreeWindowOpen(false) }}></div>
+          </div>
+          <div className="treeListContainer customScrollbar">
+            <ul className="treeList">
+              <li><img alt="" src={DisplayIcon("/icons/class/hu.png")} />Hunter</li>
+              <li><img alt="" src={DisplayIcon("/icons/class/fi.png")} />Fighter</li>
+              <li><img alt="" src={DisplayIcon("/icons/class/ra.png")} />Ranger</li>
+              <li><img alt="" src={DisplayIcon("/icons/class/gu.png")} />Gunner</li>
+              <li><img alt="" src={DisplayIcon("/icons/class/fo.png")} />Force</li>
+              <li><img alt="" src={DisplayIcon("/icons/class/te.png")} />Techter</li>
+              <li><img alt="" src={DisplayIcon("/icons/class/hu.png")} />Braver</li>
+            </ul>
+          </div>
+        </div>
+</Modal>
+
 
 
 <Modal isOpen={classSkillTreeWindowOpen} onRequestClose={()=>{setClassSkillTreeWindowOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modalSkillTree" overlayClassName="modalOverlaySkillTree">