zerosoul
37 lines
925 B
JavaScript
37 lines
925 B
JavaScript
/* eslint-disable no-undef */
|
|
import { useEffect } from "react";
|
|
import { useGetOpenidMutation } from "../../app/services/auth";
|
|
export default function SolidLoginButton() {
|
|
const [getOpenId, { data, isLoading, isSuccess }] = useGetOpenidMutation();
|
|
|
|
const handleSolidLogin = () => {
|
|
getOpenId({
|
|
issuer_url: "https://solidweb.org",
|
|
redirect_uri: `${location.origin}/#/login`,
|
|
});
|
|
};
|
|
useEffect(() => {
|
|
if (isSuccess) {
|
|
console.log("wtf", data);
|
|
const { url } = data;
|
|
location.href = url;
|
|
}
|
|
}, [data, isSuccess]);
|
|
|
|
return (
|
|
<button
|
|
disabled={isLoading}
|
|
onClick={handleSolidLogin}
|
|
href="#"
|
|
className="btn social"
|
|
>
|
|
<img
|
|
className="icon"
|
|
src="https://solidproject.org/assets/img/solid-emblem.svg"
|
|
alt="solid logo icon"
|
|
/>
|
|
{isLoading ? `Redirecting...` : `Sign in with Solid`}
|
|
</button>
|
|
);
|
|
}
|