fix: terminal text alignment

frontend/src/components/login/InitialLoginStep.tsx

@@ -39,7 +39,7 @@ export default function InitialLoginStep({
 
             setIsLoading(true);
             const queryParams = new URLSearchParams(location.search)
-            if (queryParams) {
+            if (queryParams && queryParams.get("callback_port")) {
                 const callbackPort = queryParams.get("callback_port")
 
                 //attemptCliLogin

frontend/src/components/login/MFAStep.tsx

@@ -79,7 +79,7 @@ export default function MFAStep({
 
       setIsLoading(true);
       const queryParams = new URLSearchParams(location.search)
-      if (queryParams){
+      if (queryParams && queryParams.get("callback_port")){
         const callbackPort = queryParams.get("callback_port")
 
         //attemptCliLogin
@@ -94,7 +94,7 @@ export default function MFAStep({
           // case: login was successful
           const cliUrl = `http://localhost:${callbackPort}`
 
-          //send request to server endpoint
+          //send request to server endpoint 
           const instance = axios.create()
           const cliResp = await instance.post(cliUrl,{...isCliLoginSuccessful.loginResponse,email})
 

frontend/src/hooks/api/users/queries.tsx

@@ -24,7 +24,7 @@ const userKeys = {
   getOrgUsers: (orgId: string) => [{ orgId }, 'user']
 };
 
-const fetchUserDetails = async () => {
+export const fetchUserDetails = async () => {
   const { data } = await apiRequest.get<{ user: User }>('/api/v1/user');
 
   return data.user;

frontend/src/pages/login.tsx

@@ -4,13 +4,15 @@ import Head from 'next/head';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
+import axios from "axios"
 
 // import ListBox from '@app/components/basic/Listbox';
 import InitialLoginStep from '@app/components/login/InitialLoginStep';
 import MFAStep from '@app/components/login/MFAStep';
 import PasswordInputStep from '@app/components/login/PasswordInputStep';
 import { useProviderAuth } from '@app/hooks/useProviderAuth';
-import { isLoggedIn } from '@app/reactQuery';
+import { getAuthToken, isLoggedIn } from '@app/reactQuery';
+import { fetchUserDetails } from '~/hooks/api/users/queries';
 
 import getWorkspaces from './api/workspace/getWorkspaces';
 
@@ -20,6 +22,7 @@ export default function Login() {
   const [password, setPassword] = useState('');
   const [step, setStep] = useState(1);
   const { t } = useTranslation();
+  
   // const lang = router.locale ?? 'en';
   const {
     providerAuthToken,
@@ -44,6 +47,20 @@ export default function Login() {
       try {
         const userWorkspaces = await getWorkspaces();
         userWorkspace = userWorkspaces[0] && userWorkspaces[0]._id;
+
+        //user details
+        const userDetails = await fetchUserDetails()
+        //send details back to client
+        
+        const queryParams = new URLSearchParams(location.search)
+        if(queryParams && queryParams.get("callback_port")){
+          const callback_port = queryParams.get("callback_port")
+        
+          //send post request to cli with details
+          const cliUrl = `http://localhost:${callback_port}`
+          const instance = axios.create()
+          const cliResp = await instance.post(cliUrl,{email:userDetails.email,privateKey:localStorage.getItem("PRIVATE_KEY"),JTWToken:getAuthToken()})
+        }
         router.push(`/dashboard/${userWorkspace}`);
       } catch (error) {
         console.log('Error - Not logged in yet');