76 lines
2.0 KiB
React
76 lines
2.0 KiB
React
|
/*
|
||
|
|
GoToSocial
|
||
|
|
Copyright (C) 2021-2023 GoToSocial Authors admin@gotosocial.org
|
||
|
|
|
||
|
|
This program is free software: you can redistribute it and/or modify
|
||
|
|
it under the terms of the GNU Affero General Public License as published by
|
||
|
|
the Free Software Foundation, either version 3 of the License, or
|
||
|
|
(at your option) any later version.
|
||
|
|
|
||
|
|
This program is distributed in the hope that it will be useful,
|
||
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
|
GNU Affero General Public License for more details.
|
||
|
|
|
||
|
|
You should have received a copy of the GNU Affero General Public License
|
||
|
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||
|
|
*/
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
const React = require("react");
|
||
|
|
const Redux = require("react-redux");
|
||
|
|
|
||
|
|
const query = require("../../lib/query");
|
||
|
|
|
||
|
|
const Login = require("./login");
|
||
|
|
const Loading = require("../loading");
|
||
|
|
const { Error } = require("../error");
|
||
|
|
|
||
|
|
module.exports = function Authorization({ App }) {
|
||
|
|
const loginState = Redux.useSelector((state) => state.oauth.loginState);
|
||
|
|
const [hasStoredLogin] = React.useState(loginState != "none" && loginState != "logout");
|
||
|
|
|
||
|
|
const { isLoading, isSuccess, data: account, error } = query.useVerifyCredentialsQuery(undefined, {
|
||
|
|
skip: loginState == "none" || loginState == "logout"
|
||
|
|
});
|
||
|
|
|
||
|
|
let showLogin = true;
|
||
|
|
let content = null;
|
||
|
|
|
||
|
|
if (isLoading && hasStoredLogin) {
|
||
|
|
showLogin = false;
|
||
|
|
|
||
|
|
let loadingInfo;
|
||
|
|
if (loginState == "callback") {
|
||
|
|
loadingInfo = "Processing OAUTH callback.";
|
||
|
|
} else if (loginState == "login") {
|
||
|
|
loadingInfo = "Verifying stored login.";
|
||
|
|
}
|
||
|
|
|
||
|
|
content = (
|
||
|
|
<div>
|
||
|
|
<Loading /> {loadingInfo}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
} else if (error != undefined) {
|
||
|
|
content = (
|
||
|
|
<div>
|
||
|
|
<Error error={error} />
|
||
|
|
You can attempt logging in again below:
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (loginState == "login" && isSuccess) {
|
||
|
|
return <App account={account} />;
|
||
|
|
} else {
|
||
|
|
return (
|
||
|
|
<section className="oauth">
|
||
|
|
<h1>GoToSocial Settings</h1>
|
||
|
|
{content}
|
||
|
|
{showLogin && <Login />}
|
||
|
|
</section>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
};
|