63 lines
1.7 KiB
TypeScript
63 lines
1.7 KiB
TypeScript
"use client"
|
|
|
|
import { useEffect, useRef } from "react"
|
|
import { useIntl } from "react-intl"
|
|
|
|
import { TIER_TO_FRIEND_MAP } from "@/constants/membershipLevels"
|
|
import { trpc } from "@/lib/trpc/client"
|
|
|
|
import { toast } from "@/components/TempDesignSystem/Toasts"
|
|
|
|
export function SASLevelUpgradeCheck() {
|
|
const firedRef = useRef(false)
|
|
const intl = useIntl()
|
|
|
|
const { mutate } = trpc.partner.sas.performLevelUpgrade.useMutation({
|
|
onSuccess(result) {
|
|
switch (result.tierMatchState) {
|
|
case "matched":
|
|
toast.success(
|
|
intl.formatMessage(
|
|
{
|
|
defaultMessage: "Your SAS level has upgraded you to {level}!",
|
|
},
|
|
{
|
|
level: TIER_TO_FRIEND_MAP[result.toLevel],
|
|
}
|
|
)
|
|
)
|
|
break
|
|
// TODO remove the logs, but keep for now to ease testing
|
|
case "notLinked":
|
|
console.log("[sas] not linked - this should never happen")
|
|
break
|
|
case "error":
|
|
console.log("[sas] something went wrong")
|
|
break
|
|
case "cached":
|
|
console.log("[sas] cached")
|
|
break
|
|
case "alreadyMatched":
|
|
console.log("[sas] already matched")
|
|
break
|
|
}
|
|
},
|
|
onError() {
|
|
console.log("[sas] something went wrong")
|
|
},
|
|
})
|
|
|
|
useEffect(() => {
|
|
// We must make sure this only runs once to avoid sending multiple notifications to the user.
|
|
// This aint great, but this entire thing is temporary until tier matching is event based on the server.
|
|
if (firedRef.current) {
|
|
return
|
|
}
|
|
|
|
mutate()
|
|
firedRef.current = true
|
|
}, [mutate])
|
|
|
|
return null
|
|
}
|