diff --git a/frontend/api/Api.ts b/frontend/api/Api.ts
index af3b0e58..dbf5a783 100644
--- a/frontend/api/Api.ts
+++ b/frontend/api/Api.ts
@@ -45,7 +45,7 @@ instance.interceptors.response.use(
},
);
-function parseData(data: string) {
+export function parseData(data: string) {
if (data.length != 0 || data || data != "") {
return JSON.parse(data);
}
diff --git a/frontend/api/userApi.ts b/frontend/api/userApi.ts
new file mode 100644
index 00000000..0164c3e9
--- /dev/null
+++ b/frontend/api/userApi.ts
@@ -0,0 +1,35 @@
+import axios from "axios";
+import { parseData } from "./Api";
+const SERVER_URL = process.env.NEXT_PUBLIC_SERVER_URL + "/user";
+
+export const instance = axios.create({
+ withCredentials: true,
+ baseURL: SERVER_URL,
+ timeout: 10000,
+ transformResponse: [
+ function (data: any) {
+ return parseData(data);
+ },
+ ],
+});
+
+const userApi = {
+ async execute(
+ method: string,
+ resource: string,
+ data: any,
+ config: {} | undefined,
+ ) {
+ return instance({
+ method: method,
+ url: resource,
+ data,
+ ...config,
+ });
+ },
+ userInfo() {
+ return instance.get("/user-info")
+ }
+}
+
+export default userApi;
diff --git a/frontend/app/account/login/oauth2/page.tsx b/frontend/app/account/login/oauth2/page.tsx
new file mode 100644
index 00000000..0215fd1b
--- /dev/null
+++ b/frontend/app/account/login/oauth2/page.tsx
@@ -0,0 +1,24 @@
+"use client";
+/**
+ * Once a user logins with OAuth2 from backend service
+ * they should be brought here. This will quickly read
+ * the call authService which will make a request to
+ * the endpoint /user-info with the already attached
+ * cookie and save the User info.
+ */
+import authService from "@/services/auth.service";
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
+
+export default function OauthLogin() {
+ const router = useRouter();
+
+ useEffect(() => {
+ authService.getUserInfoOauth2().then((user) => {
+ if (user) {
+ router.push("/");
+ }
+ })
+}, [authService])
+
+}
diff --git a/frontend/components/Import/FilePicker.tsx b/frontend/components/Import/FilePicker.tsx
index 0f8a1567..a111f285 100644
--- a/frontend/components/Import/FilePicker.tsx
+++ b/frontend/components/Import/FilePicker.tsx
@@ -39,7 +39,11 @@ export default function FilePicker({ setUpload, setFile }: FilePickerProps) {
return Error...
;
}
return (
-