From cf1b1314036aaf1bcfa64a404782f5c649a5c526 Mon Sep 17 00:00:00 2001
From: Joshua Sigona <sigonasr2@gmail.com>
Date: Tue, 10 Aug 2021 22:35:50 +0900
Subject: [PATCH 1/2] Prevent tooltip from drifting outside window

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

diff --git a/src/TestPanel.js b/src/TestPanel.js
index b9f396d..6bdf7ad 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -70,13 +70,26 @@ function PageControl(p) {
 	for (var i=0;i<p.pages;i++) {
 		pages.push(<PageControlButton pageName={p.pageNames?p.pageNames[i]:undefined} currentPage={p.currentPage} setCurrentPage={p.setCurrentPage} page={i+1}/>)
 	}
+  console.log(JSON.stringify(p.children))
+  if (p.children) {
+      <li className="pagecontroldetails">{p.children}</li>
+  }
 	return pages.length>0&&<ul className="boxmenu">
 			{pages.map((page,i)=>{return <React.Fragment key={i}>{page}</React.Fragment>})}
 		</ul>
 }
 
 function ExpandTooltip(p) {
-	return <><span data-tip data-for={p.id}>{p.children}</span><ReactTooltip id={p.id} className="xTooltip">{p.tooltip}</ReactTooltip></>
+	return <><span data-tip data-for={p.id}>{p.children}</span><ReactTooltip id={p.id} className="xTooltip" overridePosition={ (
+    { left, top },
+    currentEvent, currentTarget, node) => {
+  const d = document.documentElement;
+  left = Math.min(d.clientWidth - node.clientWidth, left);
+  top = Math.min(d.clientHeight - node.clientHeight, top);
+  left = Math.max(0, left);
+  top = Math.max(0, top);
+  return { top, left }
+} }>{p.tooltip}</ReactTooltip></>
 }
 
 function Class(p) {
@@ -433,7 +446,7 @@ useEffect(()=>{
       <div className="box">
       <div className="boxTitleBar">
       <h1>Damage Stats</h1></div>
-      <PageControl pages={3} currentPage={statPage} setCurrentPage={setStatPage}/>
+      <PageControl pages={3} currentPage={statPage} setCurrentPage={setStatPage}>Testing</PageControl>
       <table className="basicInfo">
         <tbody>
           {statPage===1?<>

From bb6aeda80aded1de2043c6f4998286a8c5ae3db6 Mon Sep 17 00:00:00 2001
From: Joshua Sigona <sigonasr2@gmail.com>
Date: Tue, 10 Aug 2021 22:43:15 +0900
Subject: [PATCH 2/2] cause dudley said so

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

diff --git a/src/TestPanel.js b/src/TestPanel.js
index 6bdf7ad..afc9220 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -70,10 +70,10 @@ function PageControl(p) {
 	for (var i=0;i<p.pages;i++) {
 		pages.push(<PageControlButton pageName={p.pageNames?p.pageNames[i]:undefined} currentPage={p.currentPage} setCurrentPage={p.setCurrentPage} page={i+1}/>)
 	}
-  console.log(JSON.stringify(p.children))
-  if (p.children) {
-      <li className="pagecontroldetails">{p.children}</li>
+  if (p.children!==undefined) {
+      pages.push(<li className="pagecontroldetails">{p.children}</li>)
   }
+  //console.log(JSON.stringify(p.children))
 	return pages.length>0&&<ul className="boxmenu">
 			{pages.map((page,i)=>{return <React.Fragment key={i}>{page}</React.Fragment>})}
 		</ul>
@@ -446,7 +446,7 @@ useEffect(()=>{
       <div className="box">
       <div className="boxTitleBar">
       <h1>Damage Stats</h1></div>
-      <PageControl pages={3} currentPage={statPage} setCurrentPage={setStatPage}>Testing</PageControl>
+      <PageControl pages={3} currentPage={statPage} setCurrentPage={setStatPage}/>
       <table className="basicInfo">
         <tbody>
           {statPage===1?<>