feat: pin archive and delete workspace functionality done

Author: yp969803

src/app/api/user.ts

@@ -7,13 +7,16 @@ export interface UserData {
 
 
 export interface UserOrgs {
-  [userName: string]: UserOrgDetails;
+  userOrgs: UserOrgDetails;
 }
 
 export interface UserOrgDetails {
-  bookmark: string;
-  role: string;
-  archive: string;
+  [key: string]: {
+    bookmark: string;
+    role: string;
+    archive: string;
+  };
+
 }
 
 
@@ -82,7 +85,7 @@ export const setOrgArcheiveStatus = async (
   const respnse = await axios.put(
     url,
     {
-      bookmarkStatus: status,
+      archeiveStatus: status,
     },
     {
       headers: {
@@ -91,7 +94,9 @@ export const setOrgArcheiveStatus = async (
       },
     }
   );
+
   return respnse;
+ 
 };
 
 export const getUserOrgs = async (

src/app/context/user/userContext.tsx

@@ -1,4 +1,4 @@
-import { UserOrgs } from "app/api/user";
+import { UserOrgDetails, UserOrgs } from "app/api/user";
 import { createContext } from "react";
 
 export interface UserContextType{

src/app/context/user/userState.tsx

@@ -1,6 +1,6 @@
 import { FC, ReactNode, useState } from "react";
 import UserContext from "./userContext";
-import { UserOrgs } from "app/api/user";
+import { UserOrgDetails, UserOrgs } from "app/api/user";
 
 interface Props{
     children: ReactNode

src/envConstants.ts

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

src/features/home/index.tsx

@@ -33,7 +33,7 @@ const Home = () => {
     useState<ProjectsGithubData | null>(null);
   const [weeklyOrgProjectsData, setWeeklyOrgProjectsData] =
     useState<ProjectsGithubData | null>(null);
-  const orgName = 'fordev';
+  const orgName = 'yash';
 
   const fetchOrgProjects = async () => {
     if (token) {

src/features/workspace-view/index.tsx

@@ -16,12 +16,13 @@ const WorkspaceView = () => {
   const navigate= useNavigate()
   const fetchData=async()=>{
 
-    if(token&&userContext?.username&&!userContext.userOrgs){
+    if(token&&userContext?.username){
 
       setIsLoad(true)
        try{
          const userOrgs= await getUserOrgs(token, userContext?.username.toString());
          userContext?.setUserOrgs(userOrgs.data)
+         
        }catch(e){
 
        }
@@ -33,7 +34,7 @@ const WorkspaceView = () => {
 
    useEffect(()=>{
     fetchData();
-   },[userContext?.setUsername, userContext?.username,navigate])
+   },[userContext?.setUsername, userContext?.username,navigate, userContext?.setUserOrgs])
 
   return (
     <div className='workspaceview-container'>
@@ -51,7 +52,7 @@ const WorkspaceView = () => {
           return <WorkspaceCard 
           key={orgName}
           workspaceName={orgName}
-          archeive={"true"===details.archeive}
+          archeive={"true"===details.archive}
           bookmark={"true"===details.bookmark}
           role={details.role}
           archeives={archeives}

src/features/workspace-view/workspace-card/index.tsx

@@ -1,9 +1,12 @@
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import './index.scss';
 import rightNavbtn from '../../../app/assets/images/right_navigation_button.svg';
-import { getOrg, getOrgMembers } from 'app/api/organization';
+import { deleteOrg, getOrg, getOrgMembers } from 'app/api/organization';
 import { deleteFile, getIcon } from 'app/api/file';
 import { getMembers } from 'app/api/project';
+import UserContext from 'app/context/user/userContext';
+import toast from 'react-hot-toast';
+import { UserOrgDetails, UserOrgs, setOrgArcheiveStatus, setOrgBookmarkStatus } from 'app/api/user';
 
 type workspaceCardProps = {
   workspaceName: string;
@@ -15,6 +18,7 @@ type workspaceCardProps = {
 interface members{
   [username: string]: string
 }
+
 const WorkspaceCard = (props: workspaceCardProps) => {
   const { workspaceName, role, archeive, bookmark ,archeives} = props;
   const [description,setDescription] = useState<null | string>(null)
@@ -23,6 +27,7 @@ const WorkspaceCard = (props: workspaceCardProps) => {
   const [fileName, setFileName]= useState<string|null>(null);
   const [imageSrc, setImageSrc] = useState<string | null>(null);
   const [members, setMembers]= useState<members|null>(null)
+  const userContext= useContext(UserContext)
   const workSpaceData= async()=>{
           if(token&&workspaceName&&!workspaceName.endsWith("-userspace")){
            try{
@@ -53,10 +58,104 @@ const WorkspaceCard = (props: workspaceCardProps) => {
   }
 
     useEffect(()=>{
+      console.log(workspaceName,bookmark)
     workSpaceData()
-  },[workspaceName])
+  },[workspaceName, userContext?.setUserOrgs])
+
+   const HandleDelete= async()=>{
+    if(!workspaceName.endsWith("-userspace")&&token){
+      const func= async()=>{
+        const res= await deleteOrg(token, workspaceName);
+        const orgs= userContext?.userOrgs
+        
+        if(orgs?.userOrgs.hasOwnProperty(workspaceName)){
+           const obj: UserOrgDetails= orgs.userOrgs;
+           delete obj[workspaceName];
+           userContext?.setUserOrgs({
+            userOrgs: obj
+           })
+        }
+      
+        
+        
+      }
+      toast.promise(func(), {
+        loading: 'Deleting',
+        success: <b>Successfully Deleted</b>,
+        error: <b>Error while deleting</b>,
+      });
+      
+    }
+   }
+
 
-  
+   const HandlePin = async()=>{
+    if(!workspaceName.endsWith("-userspace")&&token){
+      const initBmk= bookmark
+      const func=async()=>{
+        let status: { [key: string]: boolean } = {
+          [workspaceName]: !bookmark,
+      };
+      
+      
+        const res= await setOrgBookmarkStatus(token,status)
+        const orgs= userContext?.userOrgs
+        if(orgs?.userOrgs.hasOwnProperty(workspaceName)){
+     
+          orgs.userOrgs[workspaceName].bookmark= (!bookmark).toString();
+          userContext?.setUserOrgs(orgs);
+        }
+      }
+      if(initBmk){
+        toast.promise(func(), {
+          loading: 'Unpinning',
+          success: <b>Successfully unpinned</b>,
+          error: <b>Error while unpinning</b>,
+        });
+      }
+      else{
+        toast.promise(func(), {
+          loading: 'Pinning',
+          success: <b>Successfully pinned</b>,
+          error: <b>Error while pinning</b>,
+        })
+      }
+    }
+   }
+
+   const HandleArchive = async()=>{
+    if(!workspaceName.endsWith("-userspace")&&token){
+      const initArc= archeive
+      const func=async()=>{
+        let status: { [key: string]: boolean } = {
+          [workspaceName]: !bookmark,
+      };
+      
+      
+        const res= await setOrgArcheiveStatus(token,status)
+        const orgs= userContext?.userOrgs
+        if(orgs?.userOrgs.hasOwnProperty(workspaceName)){
+     
+          orgs.userOrgs[workspaceName].archive= (!bookmark).toString();
+          userContext?.setUserOrgs(orgs);
+        }
+      }
+      if(initArc){
+        toast.promise(func(), {
+          loading: 'Archiving',
+          success: <b>Successfully archived</b>,
+          error: <b>Error</b>,
+        });
+      }
+      else{
+        toast.promise(func(), {
+          loading: 'Unarchiving',
+          success: <b>Successfully unarchived</b>,
+          error: <b>Error</b>,
+        })
+      }
+    }
+   }
 
   return (
     <>
@@ -72,9 +171,9 @@ const WorkspaceCard = (props: workspaceCardProps) => {
           />}
         </div>
         <div className={showPopUp ? 'workspace-popup' : 'hide'}>
-          <div className='pin'>Pin</div>
-          <div className='archive'>archive</div>
-          <div className='delete' >delete</div>
+          <div className='pin' onClick={HandlePin}>{bookmark?"UnPin":"Pin"}</div>
+          <div className='archive' onClick={HandleArchive}>{archeive?"Unarchive":"archive"}</div>
+          <div className='delete' onClick={HandleDelete}>delete</div>
         </div>
         <div className='workspace-card-utils'>
           <div className='workspace-logo'>