Tristan Yang
29 lines
935 B
TypeScript
29 lines
935 B
TypeScript
import { useParams } from "react-router-dom";
|
|
import PaymentSuccess from "./PaymentSuccess";
|
|
import GithubCallback, { GithubLoginSource } from "./GithubCallback";
|
|
import StyledWrapper from "./styled";
|
|
// type Props = {
|
|
// type: "payment_success";
|
|
// };
|
|
// 该页面服务于一些第三方服务的回调，比如stripe付款成功的回调，GitHub登录成功的回调
|
|
export default function CallbackPage() {
|
|
const { type = "", payload = "" } = useParams();
|
|
if (type == "payment_success") {
|
|
return (
|
|
<StyledWrapper>
|
|
<PaymentSuccess sid={payload} />
|
|
</StyledWrapper>
|
|
);
|
|
}
|
|
if (type == "github") {
|
|
const query = new URLSearchParams(location.search);
|
|
const code = query.get("code") ?? "";
|
|
return (
|
|
<StyledWrapper>
|
|
<GithubCallback code={code} from={payload as GithubLoginSource} />
|
|
</StyledWrapper>
|
|
);
|
|
}
|
|
return <StyledWrapper>callback page</StyledWrapper>;
|
|
}
|