From 1b047b6afaee07a615c8af79515dd1307fc29c71 Mon Sep 17 00:00:00 2001
From: dudleycu <dudleyc.twitch@gmail.com>
Date: Mon, 16 Aug 2021 21:01:12 +0900
Subject: [PATCH] All by my lonesome did I alter selectionWindow by changing
 undefined behavior

---
 src/TestPanel.js | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/TestPanel.js b/src/TestPanel.js
index b6eab6e..37fe5a8 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -152,13 +152,13 @@ function SelectorWindow(p) {
           </select>}
         </div>
         <div className="itemBarFilter">
-          {p.filter&&<input className="itemBarForm" type="text" placeholder="Filter" value={filter} onChange={(f)=>{setFilter(f.currentTarget.value)}} />}
+          {p.filter?<input className="itemBarForm" type="text" placeholder="Filter" value={filter} onChange={(f)=>{setFilter(f.currentTarget.value)}} />:<></>}
         </div>
       </div>
     }<div className="tooltipAnchor">
     <div className="modalItemListContainer customScrollbar">
     <ul className="itemlist">
-    {itemList.filter((item)=>p.filterFunction(tabPage,item)).filter((item)=>p.searchFieldFunction(filter,item)).sort((a,b)=>p.sortOrderFunction(sortSelector,a,b)).map((item)=>p.displayFunction(item))}
+    {p.filter?itemList.filter((item)=>p.filterFunction(tabPage,item)).filter((item)=>p.searchFieldFunction(filter,item)).sort((a,b)=>p.sortOrderFunction(sortSelector,a,b)).map((item)=>p.displayFunction(item)):itemList.map((item)=>p.displayFunction(item))}
     {p.children}
     </ul>
     </div>
@@ -244,7 +244,6 @@ useEffect(()=>{
     <div className="box basicInfoBox">
       <div className="boxTitleBar">
       <h1>Basic Information</h1></div>
-
       <table className="basicInfoTable">
         <tbody>
           <tr>
@@ -518,7 +517,17 @@ AUGMENT
   </div>
 </div>
 
-<SelectorWindow title="Class Select" modalOpen={classSelectWindowOpen} setModalOpen={setClassSelectWindowOpen} GetData={p.GetData}>ez pz</SelectorWindow>
+      <SelectorWindow title="Class Select" modalOpen={classSelectWindowOpen} setModalOpen={setClassSelectWindowOpen} GetData={p.GetData}
+        dataFunction={() => {
+          var mythraSux = p.GetData("class")
+          return Object.keys(mythraSux)
+        }
+        }
+        displayFunction={(key) => {
+          return <li className="classSelect" onClick={() => { setclassName(key); setClassSelectWindowOpen(false) }}><img alt="" src={DisplayIcon(p.GetData("class", key, "icon"))} /> {p.GetData("class", key, "name")}</li>
+        }}
+      />
+
 
 <Modal isOpen={classSkillTreeWindowOpen} onRequestClose={()=>{setClassSkillTreeWindowOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modalSkillTree" overlayClassName="modalOverlaySkillTree">
         <div className="box treeSelectBox">