From 4ddf3da42d352bf58f390c3fed98c3c3492d5ab5 Mon Sep 17 00:00:00 2001
From: Joshua Sigona <sigonasr2@gmail.com>
Date: Wed, 25 Aug 2021 19:48:25 +0900
Subject: [PATCH] Add in routes for saving/identifying builds.

---
 src/App.js       | 48 ++++++++++++++++++++++++++++++++++++++++--------
 src/TestPanel.js | 29 +++++++++++++++++++++++++++--
 2 files changed, 67 insertions(+), 10 deletions(-)

diff --git a/src/App.js b/src/App.js
index af55dfa..138a554 100644
--- a/src/App.js
+++ b/src/App.js
@@ -12,7 +12,8 @@ import {
   HashRouter,
   Switch,
   Route,
-  useHistory
+  useHistory,
+  useParams
 } from "react-router-dom";
 
 import { HashLink as Link } from 'react-router-hash-link';
@@ -809,7 +810,9 @@ function App() {
 
 	const [LOGGEDINUSER,setLOGGEDINUSER] = useState("")
 	const [LOGGEDINHASH,setLOGGEDINHASH] = useState("")
-	const [BUILDID,setBUILDID] = useState(undefined)
+
+	const PANELPATHWBUILD = process.env.PUBLIC_URL+"/test/:BUILDID"
+	const PANELPATH = process.env.PUBLIC_URL+"/test"
 
 	function GetData(table,row,col,id){
 		if (row===undefined) {row=''}
@@ -857,12 +860,43 @@ function App() {
 					</Helmet>
 					<AdminPanel setUpdate={setUpdate} setTESTMODE={setTESTMODE} BACKENDURL={BACKENDURL} TESTMODE={TESTMODE} DATA={GetData}/>
 				</Route>
-				<Route path={process.env.PUBLIC_URL+"/test"}>
-					<Helmet>
-						<title>{"Test - "+APP_TITLE}</title>
-					</Helmet>
+				<Route path={PANELPATHWBUILD}>
+					<TestHeader/>
+					<TestPanel
+					APP_TITLE={APP_TITLE}
+					path={PANELPATHWBUILD}
+					author={author} 
+					buildName={buildName} 
+					className={className} 
+					secondaryClassName={secondaryClassName}
+					classLv={classLv} 
+					secondaryClassLv={secondaryClassLv} 
+					bp={bp} 
+					hp={hp} 
+					pp={pp} 
+					def={def} 
+					weaponUp1={weaponUp1} 
+					weaponUp2={weaponUp2} 
+					weaponUp3={weaponUp3} 
+					damageResist={damageResist}
+					burnResist={burnResist} 
+					shockResist={shockResist} 
+					panicResist={panicResist} 
+					stunResist={stunResist} 
+					freezeResist={freezeResist} 
+					blindResist={blindResist} 
+					poisonResist={poisonResist} 
+					statDisplayAtk={statDisplayAtk} 
+					GetData={GetData}
+					LOGGEDINUSER={LOGGEDINUSER}
+					BACKENDURL={GetBackendURL(BACKENDURL)}
+					/>
+				</Route>
+				<Route path={PANELPATH}>
 					<TestHeader/>
 					<TestPanel
+					APP_TITLE={APP_TITLE}
+					path={PANELPATH}
 					author={author} 
 					buildName={buildName} 
 					className={className} 
@@ -887,8 +921,6 @@ function App() {
 					statDisplayAtk={statDisplayAtk} 
 					GetData={GetData}
 					LOGGEDINUSER={LOGGEDINUSER}
-					BUILDID={BUILDID}
-					setBUILDID={setBUILDID}
 					BACKENDURL={GetBackendURL(BACKENDURL)}
 					/>
 				</Route>
diff --git a/src/TestPanel.js b/src/TestPanel.js
index f2917ba..d4c953c 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -4,6 +4,9 @@ import { DisplayIcon } from './DEFAULTS';
 import { ExpandTooltip } from './components/ExpandTooltip';
 import { SkillTree } from './skilltree/skillTree';
 import axios from 'axios';
+import Helmet from 'react-helmet'
+
+import { useLocation,useHistory,useParams,matchPath } from 'react-router';
 
 //Helper variables for Weapon selector with structure: [weapon_type,weapon,potential,potential_tooltip,weapon_existence_data]
 const WEAPON_WEAPONTYPE=0;const WEAPON_WEAPON=1;const WEAPON_POTENTIAL=2;const WEAPON_POTENTIAL_TOOLTIP=3;const WEAPON_EXISTENCE_DATA=4;
@@ -288,7 +291,12 @@ function SkillTreeContainer(p){
 
 function TestPanel(p) {
 
-const { GetData,LOGGEDINUSER,BUILDID,BACKENDURL,setBUILDID } = p
+
+let { BUILDID } = useParams()
+let history = useHistory();
+let location = useLocation();
+
+const { GetData,LOGGEDINUSER,BACKENDURL,APP_TITLE } = p
 
 const [bpGraphMax,setbpGraphMax] = useState(1000)
 const [hpGraphMax,sethpGraphMax] = useState(1000)
@@ -350,10 +358,19 @@ function SaveData() {
     class2:subclassName,
     data:JSON.stringify(saveObj),})
   .then((data)=>{
-    setBUILDID(data.data.id)
+    const match=matchPath(location.pathname,{
+      path:p.path,
+      exact:true,
+      strict:false
+    })
+    history.push(match.path.replace("/:BUILDID","")+"/"+data.data.id)
   })
 }
 
+function LoadData() {
+  
+}
+
 function rarityCheck(v) {
   return v!==undefined?v.rarity!==undefined?" r"+v.rarity:"":""
 }
@@ -389,9 +406,17 @@ useEffect(()=>{
   setSkillPointData(pointsDataArr)
 },[className,GetData])
 
+useEffect(()=>{
+  console.log(BUILDID)
+},[BUILDID])
+
 //console.log(p.GetData("class",p.className,"icon"))
 
     return (<>
+    
+    <Helmet>
+      <title>{"Test - "+APP_TITLE+(BUILDID?" Build #"+BUILDID:"")}</title>
+    </Helmet>
 <div className="main">
   <div className="containerA">
     <div className="box basicInfoBox">