Working on item details box

src/TestPanel.js

@@ -1,6 +1,7 @@
 import React, { useEffect,useState,useRef } from 'react';
 import ReactTooltip from 'react-tooltip' //https://wwayne.github.io/react-tooltip/
 import Modal from 'react-modal'
+import { urlencoded } from 'express';
 
 /**
  * Hook that alerts clicks outside of the passed ref
@@ -287,10 +288,24 @@ useEffect(()=>{
             <div className="boxTitleBar">
               <h1>Equipped Weapon</h1></div>
             <h2 className="rifle">{selectedWeapon[WEAPON_WEAPON]?.name + " " + selectedWeapon[WEAPON_WEAPONTYPE]?.name}+40</h2>
-              <PageControl pages={3} currentPage={weaponPage} setCurrentPage={setWeaponPage}/>
+            <div><PageControl pages={3} currentPage={weaponPage} setCurrentPage={setWeaponPage} /><div></div></div>
+            {weaponPage === 1 ?
 
+<>
+<div className="itemDetailsGrid1">
+<div className="itemDetailsIcon"><img src={process.env.PUBLIC_URL+"/icons/items/124/ui_item_1150003.png"} /></div><div className="itemDetailsProperties">RARITY, ATTACK, ELEMENT, EQUIP CONDITIONS, NOT TRADABLE</div>
+<div>POTENTIAL 
 
-              {weaponPage===3?
+
+</div>
+
+</div>
+
+
+
+</>
+
+            :weaponPage === 3 ?
               <div class="equipDetails">
                 <div class="equipAugs">
                   <h3>Ability Details</h3>
@@ -319,6 +334,39 @@ useEffect(()=>{
 
 
           </div>
+
+
+
+
+        <div className="box">
+              <div className="boxTitleBar">
+              <h1>To Do List</h1></div>
+
+<h3>my things to do</h3>
+<ul>
+<li>Finish "Item Details" for Weapons/Armor</li>
+<li>Grids. Grids everywhere.</li>
+<li>Class Skill Window</li>
+<li>PA Select Window</li>
+<li>Food/Buffs Menu</li>
+<li>Get all the fckn icons</li>
+</ul>
+
+<h3>sig's to do list lol</h3>
+<ul>
+<li>Default icon for weapons/armor etc</li>
+<li>make big picture small times 1000</li>
+<li>sig make the page thingie i would do it but im big dum</li>
+</ul>
+</div>
+
+
+
+
+
+
+
+
       </div>
       <div className="containerC">
       <div className="box">