Rating Recorded!
; + } + } + + function handleFilter(e : any){ + console.log(e.target.value); + setFilter(e.target.value); + } + + useEffect(() => { + const handleResizeWindow = () => setWidth(window.innerWidth); + + window.addEventListener("resize", handleResizeWindow); + + return () => { + window.removeEventListener("resize", handleResizeWindow); + }; + }, []); + + useEffect(() => { + window.dispatchEvent(new Event('resize')); + }); + + useEffect(() => { + const newHistory = history.filter( (entry : IHistoryEntry) => { + if(filter === "") return entry; + if(entry.user.displayName.includes(filter)) return entry; + }); + setFilteredHistory(newHistory); + }, [filter]); + + function navigate(arg0: string) { + throw new Error("Function not implemented."); + } + + return ( + <> +
+ {props.userName}
+
+ ?
+
+
+
+
+ {Micellaneous.toTitleCase(
+ loggedUserContext?.loggedUser?.displayName
+ ) ?? "
+
+ CHAT FILTERS
+Choose who you want to match with
+
+
+
+
+
+
+
+ Server Preferences:
+
+
+
+
+
+ Game Mode:
+
+
+
+ handleGameModeChange(e, GameMode.competitive)} checked={compChecked}/>
+
+
+
+ handleGameModeChange(e, GameMode.casual)} checked={!compChecked}/>
+
+
+
+
+ Rank Disparity:
+
+
+
+
+
+
+ Age Range:
+
+ handleAgeRangeChange(e, true)}>
+
+ to
+ handleAgeRangeChange(e, false)}> +
+
+ Match me with:
+
+
+
+ handleGenderChange(e, Gender.allGenders)} checked={genders[Gender.allGenders]}>
+
+
+
+ handleGenderChange(e, Gender.woman)} checked={genders[Gender.woman]}>
+
+
+
+ handleGenderChange(e, Gender.man)} checked={genders[Gender.man]}>
+
+
+
+ handleGenderChange(e, Gender.nonBinary)} checked={genders[Gender.nonBinary]}>
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+ Find teammates to play Valorant with! Climb up the ranks with like-minded players and make long lasting friendships.
+{props.formType === FormType.Registration?'CREATE ACCOUNT':'LOGIN'}
+ {props.formType === FormType.Registration?:''} + {props.formType === FormType.Registration?ALREADY HAVE AN ACCOUNT? LOGIN
: +DON'T HAVE AN ACCOUNT? REGISTER
} +