feat: workspace veiw card initial fetch done

Author: yp969803

src/app/api/user.ts

@@ -5,6 +5,19 @@ export interface UserData {
   message: string;
 }
 
+
+export interface UserOrgs {
+  [userName: string]: UserOrgDetails;
+}
+
+export interface UserOrgDetails {
+  bookmark: string;
+  role: string;
+  archive: string;
+}
+
+
+
 export interface AllUserData {
   users: {
     id: number;
@@ -84,12 +97,12 @@ export const setOrgArcheiveStatus = async (
 export const getUserOrgs = async (
   authorizationToken: string,
   username: string
-) => {
+):Promise<AxiosResponse<UserOrgs>> => {
   const url =
     BACKEND_URL +
-    '/api/protected/user/setArcheiveStatus/getUserOrgs/' +
+    '/api/protected/user/getUserOrgs/' +
     username;
-  const respnse = await axios.get(url, {
+  const respnse = await axios.get<UserOrgs>(url, {
     headers: {
       Accept: 'application/json',
       Authorization: `Bearer ${authorizationToken}`,

src/app/context/user/userContext.tsx

@@ -0,0 +1,13 @@
+import { UserOrgs } from "app/api/user";
+import { createContext } from "react";
+
+export interface UserContextType{
+    username: String | null;
+    setUsername: (name: String)=>void;
+    userOrgs: UserOrgs | null;
+    setUserOrgs: (user_Orgs: UserOrgs)=> void
+}
+
+const UserContext= createContext<UserContextType | undefined>(undefined);
+
+export default UserContext;

src/app/context/user/userState.tsx

@@ -0,0 +1,23 @@
+import { FC, ReactNode, useState } from "react";
+import UserContext from "./userContext";
+import { UserOrgs } from "app/api/user";
+
+interface Props{
+    children: ReactNode
+}
+
+const UserState: FC<Props>= ({children})=>{
+
+    const [username, setUsername] = useState<String | null>(null);
+    const [userOrgs, setUserOrgs] = useState<UserOrgs|null>(null)
+
+    return (
+        <UserContext.Provider  value={{username, setUsername, userOrgs, setUserOrgs}} >
+
+        {children}
+
+        </UserContext.Provider>
+    )
+}
+
+export default UserState

src/app/index.tsx

@@ -1,9 +1,47 @@
-import React from 'react';
 import Navbar from 'app/components/navbar';
 import BasicRoutes from 'app/routes/BasicRoutes';
 import './index.scss';
-import { Toaster } from 'react-hot-toast';
+import toast, { Toaster } from 'react-hot-toast';
+import { getUser } from './api/user';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { useQuery } from 'react-query';
+import { useContext } from 'react';
+import UserContext from './context/user/userContext';
+
 function App() {
+
+  const navigate= useNavigate();
+  const location = useLocation();
+  const currentPath = location.pathname;
+  const userContext= useContext(UserContext);
+  const token= localStorage.getItem('token');
+  const checklogin= async ()=>{
+    if(token!=null){
+      try{
+        const userData= await getUser(token);
+        userContext?.setUsername(userData.data.message);
+        if(currentPath=="/login"){
+          navigate("/");
+        }
+      } catch(e){
+         localStorage.removeItem('token')
+         if(currentPath!="/login"){
+          toast.error("Session expired")
+          navigate("/login");
+         }
+      }
+    }else{
+      if(currentPath!="/login"){
+        toast.error("Not authenticated")
+        navigate("/login")
+      }
+    }
+  }
+  const {} = useQuery("login", checklogin, {
+    enabled: true,
+    staleTime: Infinity
+  })
+
   return (
     <>
       <Navbar />

src/envConstants.ts

@@ -1,3 +1,3 @@
 export const CLIENT_ID = '149d2857118e05e729a8';
-export const BACKEND_URL = 'http://13.233.127.61:808';
+export const BACKEND_URL = 'http://13.233.127.61:8080';
 export const AVATAR_API= "w9zrqHdDa4MsYB";

src/features/AddProject/index.tsx

@@ -19,25 +19,7 @@ const AddProject = () => {
 
   const [validName, setValidName] = useState<boolean>(false);
 
-  const checkLogin = async () => {
-    if (token != null) {
-      const userData = await getUser(token);
-      return userData.data;
-    } else {
-      toast.error('Not authorized');
-      navigate('/login');
-    }
-  };
 
-  const { data, isError } = useQuery({
-    queryFn: () => checkLogin(),
-    queryKey: 'checkLogin',
-  });
-
-  if (isError) {
-    toast.error('Session Expired');
-    navigate('/login');
-  }
 
   const linkChange = async (event: ChangeEvent<HTMLInputElement>) => {
     setLink(event.target.value);

src/features/home/components/projectCard/index.tsx

@@ -28,7 +28,6 @@ import { AVATAR_API } from 'envConstants';
 
 const ProjectCard: React.FC<Props> = ({projectName,orgName ,status, githubData}) => {
   const token= localStorage.getItem('token')
-  
   const [ProjectData,SetProjectData]= useState<GetProject|null>(null)
   const [projectMembers,setProjectMembers]= useState<ProjectMembers|null>(null)
 

src/features/home/index.tsx

@@ -34,30 +34,10 @@ const Home = () => {
   const [weeklyOrgProjectsData, setWeeklyOrgProjectsData] =
     useState<ProjectsGithubData | null>(null);
   const orgName = 'fordev';
-  const checklogin = async () => {
-    if (token != null) {
-      try {
-        const userData = await getUser(token);
-
-        setUserData(userData.data.message);
-      } catch (e) {
-        toast.error('Session expired');
-        navigate('/login');
-      }
-    } else {
-      toast.error('Not authorized');
-      navigate('/login');
-    }
-  };
-
-  useEffect(() => {
-    checklogin();
-  }, []);
 
   const fetchOrgProjects = async () => {
     if (token) {
       const orgProjects = await getOrgProjects(token, orgName);
-     
       setOrgProjects(orgProjects.data.projects);
 
 

src/features/login/index.tsx

@@ -14,29 +14,7 @@ import './index.scss';
 
 const Login = () => {
   const [searchParam] = useSearchParams();
-  const navigate = useNavigate();
-
-
-  const token = localStorage.getItem('token');
-  const checklogin = async () => {
-    if (token != null) {
-      try {
-        const userData = await getUser(token);
-        navigate('/');
-      } catch (e) {
-        localStorage.removeItem('token');
-        navigate('/login');
-      }
-      localStorage.removeItem('token');
-
-    }
-  };
-
-  useEffect(() => {
-    checklogin();
-  }, []);
-
- 
+  const navigate = useNavigate(); 
   const loginFunc = async () => {
     if (searchParam.get('code') !== null) {
      try{