From eefc4e34070a2aa4e14d4511546d23d74f381e06 Mon Sep 17 00:00:00 2001 From: "sigonasr2, Sig, Sigo" Date: Tue, 10 Aug 2021 04:23:37 +0000 Subject: [PATCH] Remove all warnings and old components --- src/App.js | 421 +++-------------------------------------------------- 1 file changed, 24 insertions(+), 397 deletions(-) diff --git a/src/App.js b/src/App.js index 19a6e81..111883a 100644 --- a/src/App.js +++ b/src/App.js @@ -1,12 +1,10 @@ -//import './App.css'; Old CSS import './reset.css'; // Generic reset import './style.css'; // The new new -import React, {useState,useEffect,useRef,useReducer} from 'react'; +import React, {useState,useEffect,useReducer} from 'react'; import useGlobalKeyDown from 'react-global-key-down-hook' -import Modal from 'react-modal' import Toggle from 'react-toggle' //Tooltip props: http://aaronshaf.github.io/react-toggle/ -import {XSquare, XSquareFill, PlusCircle, LifePreserver, Server, CloudUploadFill} from 'react-bootstrap-icons' +import {XSquareFill, PlusCircle, LifePreserver, Server, CloudUploadFill} from 'react-bootstrap-icons' import { HashRouter, @@ -42,12 +40,6 @@ function GetBackendURL(p) { return (BACKENDURL)+(p.TESTMODE?"/test":"") } -function Col(p) { - return
- {p.children} -
-} - function Box(p) { return <>
@@ -59,162 +51,6 @@ function Box(p) { } -function EditBox(p) { - useEffect(()=>{ - var timer1 = setTimeout(()=>{document.getElementById("editBox").focus()},100) - return () => { - clearTimeout(timer1); - }; - }) - return { - if (e.key==="Enter") {p.setEdit(false)} - else if (e.key==="Escape") {p.setEdit(false)} - }} maxLength={p.maxlength?p.maxlength:20} onBlur={()=>{p.setEdit(false)}} value={p.value} onChange={(f)=>{f.currentTarget.value.length>0?p.setName(f.currentTarget.value):p.setName(p.originalName)}}> - -} - -function EditableBox(p) { - const [edit,setEdit] = useState(false) - - useEffect(()=>{ - if (p.callback) { - p.callback() - } - },[edit,p]) - - return <> -
{setEdit(true)}}> - {edit? - - :<>{p.data}} -
- -} - -const CLASSES = { - Hunter:{ - name:"Hunter", - icon:process.env.PUBLIC_URL+"/icons/UINGSClassHu.png" - }, - Fighter:{ - name:"Fighter", - icon:process.env.PUBLIC_URL+"/icons/UINGSClassFi.png" - }, - Ranger:{ - name:"Ranger", - icon:process.env.PUBLIC_URL+"/icons/UINGSClassRa.png" - }, - Gunner:{ - name:"Gunner", - icon:process.env.PUBLIC_URL+"/icons/UINGSClassGu.png" - }, - Force:{ - name:"Force", - icon:process.env.PUBLIC_URL+"/icons/UINGSClassFo.png" - }, - Techter:{ - name:"Techter", - icon:process.env.PUBLIC_URL+"/icons/UINGSClassTe.png" - } -} - -const EFFECTS = { - "Food Boost Effect":{ - perks:[ - "[Meat] Potency +10.0%", - "[Crisp] Potency to Weak Point +5.0%" - ], - icon:process.env.PUBLIC_URL+"/icons/TQ8EBW2.png" - }, - "Shifta / Deband":{ - perks:[ - "Potency +5.0%", - "Damage Resistance +10.0%" - ], - icon:process.env.PUBLIC_URL+"/icons/VIYYNIm.png" - }, - "Region Mag Boost":{ - perks:[ - "Potency +5.0%", - ], - icon:process.env.PUBLIC_URL+"/icons/N6M74Qr.png" - }, -} - -const EQUIPMENT = { - "Ophistia Shooter":{ - icon:process.env.PUBLIC_URL+"/icons/uc1iBck.png" - }, - "Klauzdyne":{ - icon:process.env.PUBLIC_URL+"/icons/uldt9lR.png" - }, - "Klauznum":{ - icon:process.env.PUBLIC_URL+"/icons/F0t58xP.png" - }, - "Klauzment":{ - icon:process.env.PUBLIC_URL+"/icons/20M6Z7t.png" - } -} - -const ABILITIES = { - "Wellspring Unit Lv.3":{ - icon:process.env.PUBLIC_URL+"/icons/NGSUIItemPotentialAbility.png" - }, - "Fixa Fatale Lv.5":{ - icon:process.env.PUBLIC_URL+"/icons/UINGSItemPresetAbility.png" - } -} - -const ABILITY_DEFAULT_ICON = process.env.PUBLIC_URL+"/icons/UINGSItemSpecialAbility.png" - -/** - * Hook that alerts clicks outside of the passed ref - */ -function useOutsideAlerter(ref,setEdit) { - useEffect(() => { - /** - * Alert if clicked on outside of element - */ - function handleClickOutside(event) { - if (ref.current && !ref.current.contains(event.target)) { - setEdit(false) - } - } - - // Bind the event listener - document.addEventListener("mousedown", handleClickOutside); - return () => { - // Unbind the event listener on clean up - document.removeEventListener("mousedown", handleClickOutside); - }; - }, [ref,setEdit]); -} - - -function Class(p) { - const class_obj = CLASSES[p.name] - return <>{class_obj.name} -} - -function ClassSelector(p){ - const wrapperRef = useRef(null); - useOutsideAlerter(wrapperRef,p.setEdit); - return
- Class Selector
- {Object.keys(CLASSES).map((cl,i)=>{ - return - })} -
-} - -function EditableClass(p){ - const [edit,setEdit] = useState(false) - return <>{setEdit(!edit)}}> - - {edit&&} - -} - function Table(p) { return

@@ -223,176 +59,6 @@ function Table(p) {

} -function MainBox(p) { - return - - - - }>Lv.20 - }>Lv.15 - -
- -} - -function StatsBox(p) { - return - - - - - - +{p.weaponUp1*100}%}> +{p.weaponUp2*100}% - +{p.weaponUp3*100}%}> - -
- -} - -function EffectListing(p) { - return
  • {p.name} -
      - {EFFECTS[p.name].perks.map((perk,i)=>{ - return
    •  {perk}
      • - })} -
    -
    • -} - -function PageControlButton(p) { - return
  • {p.setCurrentPage(p.page)}} className={(p.currentPage===p.page)?"selected":""}>{p.pageName?p.pageName:p.page}
    • -} - -function PageControl(p) { - var pages = [] - for (var i=0;i) - } - return
      - {pages.map((page,i)=>{return {page}})} -
    -} - -function EffectsBox(p) { - const [currentPage,setCurrentPage]=useState(1) - - return - -

    Effect Name

    - { - currentPage===1? -
      - {p.effectList.map((ef,i)=>{ - return - })} -
    : - <> - } -     -} - -function EquipBox(p) { - return -
    -

    Weapon



    {p.weapon}+{p.weaponEnhancementLv}
    -

    Slot 1



    {p.armorSlot1}+{p.armorSlot1EnhancementLv}
    -

    Slot 2



    {p.armorSlot2}+{p.armorSlot2EnhancementLv}
    -

    Slot 3



    {p.armorSlot3}+{p.armorSlot3EnhancementLv}
    -
    -     -} - -function EquippedWeaponBox(p) { - const [currentPage,setCurrentPage] = useState(1) - const [selectedEquip,setSelectedEquip] = useState(p.weapon) - const [selectedEquipEnhancementLv,setSelectedEquipEnhancementLv] = useState(p.weaponEnhancementLv) - const [selectedEquipAbilities,setSelectedEquipAbilities] = useState(p.weaponAbilityList) - - useEffect(()=>{ - switch (currentPage) { - case 2: - setSelectedEquip(p.armorSlot1) - setSelectedEquipEnhancementLv(p.armorSlot1EnhancementLv) - setSelectedEquipAbilities(p.armorSlot1AbilityList) - break; - case 3: - setSelectedEquip(p.armorSlot2) - setSelectedEquipEnhancementLv(p.armorSlot2EnhancementLv) - setSelectedEquipAbilities(p.armorSlot2AbilityList) - break; - case 4: - setSelectedEquip(p.armorSlot3) - setSelectedEquipEnhancementLv(p.armorSlot3EnhancementLv) - setSelectedEquipAbilities(p.armorSlot3AbilityList) - break; - default:{ - setSelectedEquip(p.weapon) - setSelectedEquipEnhancementLv(p.weaponEnhancementLv) - setSelectedEquipAbilities(p.weaponAbilityList) - } - } - },[currentPage,p.armorSlot1,p.armorSlot1EnhancementLv,p.armorSlot1AbilityList,p.armorSlot2,p.armorSlot2EnhancementLv,p.armorSlot2AbilityList,p.armorSlot3,p.armorSlot3EnhancementLv,p.armorSlot3AbilityList,p.weapon,p.weaponEnhancementLv,p.weaponAbilityList]) - - return -

    {selectedEquip}+{selectedEquipEnhancementLv}

    - -
    -
    -

    Ability Details

    -
      - { - selectedEquipAbilities?selectedEquipAbilities.map((ability,i)=>{ - return
    • {ability}
      • - }):<> - } -
    -
    -
    -

    Properties

    -
      -
    • Enhancement Lv. +{selectedEquipEnhancementLv}
      • -
    • Multi-Weapon -
      • -
    • Element -
      • -
    -
    -
    -     -} - -function DamageBox(p) { - const [currentPage,setCurrentPage] = useState(1) - - return - -

    - { - currentPage===1&& - - {p.criticalHitRate*100}% - {p.criticalMultiplier*100}% - {p.midRange} - {p.critical} - {p.effective} -
    - } -     -} - -function ListRow(p) { - return - {p.title} - {p.content} - {p.children} - -} - -function PopupWindow(p) { - return {p.setModalOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true}> -

    {p.title}{p.showCloseButton&&{p.setModalOpen(false)}} className="modalCloseButton"/>}

    - {p.children} -     -} - function InputBox(p) { const [value,setValue] = useState(p.value) const [failed,setFailed] = useState(false) @@ -482,7 +148,7 @@ function TableEditor(p) { .then(()=>{ setUpdate(true) }) - },[fileData,p.path,p.BACKENDURL]) + },[fileData,p.path,p.BACKENDURL,p.password]) useEffect(()=>{ for (var col of fields) { @@ -521,7 +187,7 @@ function TableEditor(p) { }) setUpdate(false) } - },[update,p.path,p.BACKENDURL]) + },[update,p.path,p.BACKENDURL,p.password]) return <> {!loading? @@ -578,7 +244,7 @@ function DatabaseEditor(p) { }) setUpdate(false) } - },[update,p.BACKENDURL]) + },[update,p.BACKENDURL,p.password]) return <> {!loading?<> @@ -901,17 +567,17 @@ function DamageCalculator(p) { function App() { - const [author,setAuthor] = useState("Dudley") - const [buildName,setBuildName] = useState("Fatimah") - const [className,setClassName] = useState("Ranger") - const [secondaryClassName,setSecondaryClassName] = useState("Force") + const [author] = useState("Dudley") + const [buildName] = useState("Fatimah") + const [className] = useState("Ranger") + const [secondaryClassName] = useState("Force") const [classLv] = useState(20) const [secondaryClassLv] = useState(15) - const [bp,setBP] = useState(1330) - const [hp,setHP] = useState(388) - const [pp,setPP] = useState(154) + const [bp] = useState(1330) + const [hp] = useState(388) + const [pp] = useState(154) const [weaponTotalAtk] = useState(282) const [baseAtk] = useState(650) const [statDisplayAtk,setstatDisplayAtk] = useState(282) @@ -920,58 +586,19 @@ function App() { setstatDisplayAtk(Number(weaponTotalAtk)+Number(baseAtk)) },[weaponTotalAtk,baseAtk]) - const [def,setDef] = useState(932) - const [weaponUp1,setWeaponUp1] = useState(0.317) - const [weaponUp2,setWeaponUp2] = useState(0.241) - const [weaponUp3,setWeaponUp3] = useState(0.241) - const [damageResist,setDamageResist] = useState(0.18) - const [burnResist,setburnResist] = useState(0) - const [shockResist,setshockResist] = useState(0) - const [panicResist,setpanicResist] = useState(0) - const [stunResist,setstunResist] = useState(0) - const [freezeResist,setfreezeResist] = useState(0) - const [blindResist,setblindResist] = useState(0) - const [poisonResist,setpoisonResist] = useState(0) + const [def] = useState(932) + const [weaponUp1] = useState(0.317) + const [weaponUp2] = useState(0.241) + const [weaponUp3] = useState(0.241) + const [damageResist] = useState(0.18) + const [burnResist] = useState(0) + const [shockResist] = useState(0) + const [panicResist] = useState(0) + const [stunResist] = useState(0) + const [freezeResist] = useState(0) + const [blindResist] = useState(0) + const [poisonResist] = useState(0) - const [effectList,setEffectList] = useState([ - "Food Boost Effect", - "Shifta / Deband", - "Region Mag Boost" - ]) - - const [weapon,setWeapon] = useState("Ophistia Shooter") - const [armorSlot1,setArmorSlot1] = useState("Klauzdyne") - const [armorSlot2,setArmorSlot2] = useState("Klauznum") - const [armorSlot3,setArmorSlot3] = useState("Klauzment") - const [weaponEnhancementLv,setWeaponEnhancementLv] = useState(35) - const [armorSlot1EnhancementLv,setArmorSlot1EnhancementLv] = useState(10) - const [armorSlot2EnhancementLv,setArmorSlot2EnhancementLv] = useState(10) - const [armorSlot3EnhancementLv,setArmorSlot3EnhancementLv] = useState(10) - - const [weaponAbilityList,setWeaponAbilityList] = useState([ - "Wellspring Unit Lv.3", - "Fixa Fatale Lv.5", - "Legaro S Attack II", - "Legaro S Efficiet", - "Legaro S Efficiet", - "Legaro Souls 2", - "Legaro Reverij", - "Legaro Factalz", - "Legaro Crakus", - "Legaro Attack Vaz III", - ]) - const [armor1AbilityList,setArmor1AbilityList] = useState([]) - const [armor2AbilityList,setArmor2AbilityList] = useState([]) - const [armor3AbilityList,setArmor3AbilityList] = useState([]) - - const [criticalHitRate,setCriticalHitRate] = useState(0.05) - const [criticalMultiplier,setCriticalMultiplier] = useState(1.2) - const [midRange,setMidRange] = useState(126) - const [critical,setCritical] = useState(152) - const [effective,setEffective] = useState(127) - - const [modalOpen,setModalOpen] = useState(true) - const [TESTMODE,setTESTMODE] = useState(false) const [DATA,setDATA] = useState({GetData:()=>{}}) const [DATAID,setDATAID] = useState({GetData:()=>{}})