import type { BlitzPage } from "blitz"; import { Routes, useRouter } from "blitz"; import { useEffect, useMemo } from "react"; import { atom, useAtom } from "jotai"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faPhoneAlt as faPhone } from "@fortawesome/pro-solid-svg-icons"; import useRequireOnboarding from "../../../core/hooks/use-require-onboarding"; import Keypad from "../../components/keypad"; import useMakeCall from "../../hooks/use-make-call"; const OutgoingCall: BlitzPage = () => { const router = useRouter(); const recipient = decodeURIComponent(router.params.recipient); const call = useMakeCall(recipient); useEffect(() => { console.log("call.state", call.state); if (call.state === "ready") { call.makeCall(); } }, [call.state]); useRequireOnboarding(); const phoneNumber = useAtom(phoneNumberAtom)[0]; const pressDigit = useAtom(pressDigitAtom)[1]; const onDigitPressProps = useMemo( () => (digit: string) => ({ onPress() { pressDigit(digit); call.sendDigits(digit); }, }), [call, pressDigit], ); const hangUp = useMemo( () => () => { call.hangUp(); // return router.replace(Routes.KeypadPage()); return router.push(Routes.KeypadPage()); }, [call, router], ); return (