Formatting and navigating to select org

This commit is contained in:
Daniel Hougaard
2024-03-17 18:48:10 +01:00
parent 2a6032a8cf
commit 995777d76f
+24 -22
View File
@@ -1,6 +1,6 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import axios from "axios" import axios from "axios";
import { fetchUserDetails } from "@app/hooks/api/users/queries"; import { fetchUserDetails } from "@app/hooks/api/users/queries";
import { getAuthToken, isLoggedIn } from "@app/reactQuery"; import { getAuthToken, isLoggedIn } from "@app/reactQuery";
@@ -13,31 +13,36 @@ import {
import { navigateUserToOrg } from "./Login.utils"; import { navigateUserToOrg } from "./Login.utils";
export const Login = () => { export const Login = () => {
const router = useRouter(); const router = useRouter();
const [step, setStep] = useState(0); const [step, setStep] = useState(0);
const [email, setEmail] = useState(""); const [email, setEmail] = useState("");
const [password, setPassword] = useState(""); const [password, setPassword] = useState("");
const queryParams = new URLSearchParams(window.location.search) const queryParams = new URLSearchParams(window.location.search);
useEffect(() => { useEffect(() => {
// TODO(akhilmhdh): workspace will be controlled by a workspace context // TODO(akhilmhdh): workspace will be controlled by a workspace context
const redirectToDashboard = async () => { const redirectToDashboard = async () => {
// TODO(daniel): Move this to select-organization page.
try { try {
// user details // user details
const userDetails = await fetchUserDetails() const userDetails = await fetchUserDetails();
// send details back to client // send details back to client
if (queryParams && queryParams.get("callback_port")) { if (queryParams && queryParams.get("callback_port")) {
const callbackPort = queryParams.get("callback_port") const callbackPort = queryParams.get("callback_port");
// send post request to cli with details // send post request to cli with details
const cliUrl = `http://127.0.0.1:${callbackPort}/` const cliUrl = `http://127.0.0.1:${callbackPort}/`;
const instance = axios.create() const instance = axios.create();
await instance.post(cliUrl, { email: userDetails.email, privateKey: localStorage.getItem("PRIVATE_KEY"), JTWToken: getAuthToken() }) await instance.post(cliUrl, {
email: userDetails.email,
privateKey: localStorage.getItem("PRIVATE_KEY"),
JTWToken: getAuthToken()
});
} }
await navigateUserToOrg(router); navigateUserToSelectOrg(router);
} catch (error) { } catch (error) {
console.log("Error - Not logged in yet"); console.log("Error - Not logged in yet");
} }
@@ -80,10 +85,7 @@ export const Login = () => {
return <div />; return <div />;
} }
} }
};
return (
<div> return <div>{renderView()}</div>;
{renderView()} };
</div>
);
}