From 50dec099a0163b41990ee9f2344a3da63516a8e6 Mon Sep 17 00:00:00 2001
From: dudleycu <dudleyc.twitch@gmail.com>
Date: Tue, 31 Aug 2021 03:18:19 +0000
Subject: [PATCH] Equip Window page 1 is done

---
 src/TestPanel.js | 33 +++++++++++++++++++++------------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/TestPanel.js b/src/TestPanel.js
index f9bc997..d2b695e 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -501,7 +501,7 @@ useEffect(()=>{
 
       </div>
       <div className="containerB">
-          <div className="box">
+          <div className="box equipWindow">
             <div className="boxTitleBar">
               <h1>Equipped Weapon</h1></div>
             <h2 className="viewedEquipName rifle">{GetSpecialWeaponName(selectedWeapon)}+40</h2>
@@ -512,20 +512,29 @@ useEffect(()=>{
 <div className="itemDetailsGrid">
 <div className={"itemDetailsIcon"+rarityCheck(selectedWeapon[WEAPON_WEAPON])}><img alt="" src={DisplayIcon(selectedWeapon[WEAPON_EXISTENCE_DATA]?.icon)} /></div>
 <div className="itemDetailsProperties">
-RARITY<br />
-ATTACK<br />
-ELEMENT<br />
-EQUIP CONDITIONS<br />
-NOT TRADABLE
-</div>
+<div className="itemDetailsPropertiesWrapper">
+
+<div style={{gridArea:"rarity"}}>Rarity</div>
+<div style={{gridArea:"stars"}}className={rarityCheck(selectedWeapon[WEAPON_WEAPON])}><div className="itemRarityWrapper">-</div></div>
+
+<div style={{gridArea:"attack"}}>Attack</div>
+<div style={{gridArea:"attackDisplay"}}>282</div>
+
+<div style={{gridArea:"element"}}>Element</div>
+<div style={{gridArea:"elementDisplay"}}>-</div>
+
+<div style={{gridArea:"conditions"}}>Equip Conditons</div>
+<div style={{gridArea:"conditionsDisplay"}}>Lv.15 (Current Lv.20)</div>
+
+</div></div>
 <div className="itemAbility"><div className="itemPotential"><span className="pot">Soulspring Unit Lv.3</span></div><div className="itemFixa"><span className="fixa">Fixa Attack Lv.3</span></div></div>
 <div className="itemDetailsAugment">
 <span className="aug">Augment</span>
 <div className="itemDetailsAugmentWrapper">
-<div>test</div>
-<div>test</div>
-<div>test</div>
-<div>test</div>
+
+<div></div>
+<div></div>
+
 </div>
 </div>
 </div>
@@ -776,7 +785,7 @@ NOT TRADABLE
     setArmorSelectWindowOpen(false)}}>
           <div className="itemImgWrapper"><img alt="" src={DisplayIcon(item?.icon)} /></div>
           <div className="itemNameWrapper rifle">{item.name}</div>
-          <div className="itemRarityWrapper">&nbsp;</div>
+          <div className="itemRarityWrapper" style={{gridArea:"rarity"}}>&nbsp;</div>
           <div className="itemPropertiesWrapper"><span className="atk">{item.def}</span></div>
         </div>
       }}