Dwinzo_Demo/app/src/components/Dashboard/socket/projectSocketRes.tsx

import React, { useEffect } from "react";
import { useSocketStore } from "../../../store/builder/store";
import { getUserData } from "../../../functions/getUserData";
import { getAllProjects } from "../../../services/dashboard/getAllProjects";
import { recentlyViewed } from "../../../services/dashboard/recentlyViewed";

interface Project {
  _id: string;
  projectName: string;
  thumbnail: string;
  createdBy: { _id: string; userName: string };
  projectUuid?: string;
  createdAt?: string;
  DeletedAt?: string;
  isViewed?: string;
}

interface ProjectCollection {
  [key: string]: Project[];
}

interface ProjectSocketResProps {
  setRecentProjects?: React.Dispatch<React.SetStateAction<ProjectCollection>>;
  setWorkspaceProjects?: React.Dispatch<React.SetStateAction<ProjectCollection>>;
  setIsSearchActive?: React.Dispatch<React.SetStateAction<boolean>>;
}

const ProjectSocketRes = ({
  setRecentProjects,
  setWorkspaceProjects,
  setIsSearchActive,
}: ProjectSocketResProps) => {
  const { projectSocket } = useSocketStore();
  const { userId, organization } = getUserData();

  useEffect(() => {
    if (!projectSocket) return;

    const handleAdd = (data: any) => {
      // console.log("Add:", data);
    };

    const handleDelete = (data: any) => {
      // console.log("Delete:", data);
    };

    const handleUpdate = (data: any) => {
      // console.log("Update:", data);
    };

    const handleTrashDelete = (data: any) => {
      // console.log("Trash Delete:", data);
    };

    const handleDuplicate = async (data: any) => {
      console.log("Project duplicate response:", data);
      if (data?.message === "Project Duplicated successfully") {
        if (setWorkspaceProjects) {
          const allProjects = await getAllProjects(userId, organization);
          setWorkspaceProjects(allProjects);
        } else if (setRecentProjects) {
          const recentProjects = await recentlyViewed(organization, userId);
          setRecentProjects(recentProjects);
        }
        setIsSearchActive && setIsSearchActive(false);
      } else {
        console.warn("Duplication failed or unexpected response.");
      }
    };

    projectSocket.on("v1-project:response:add", handleAdd);
    projectSocket.on("v1-project:response:delete", handleDelete);
    projectSocket.on("v1-project:response:update", handleUpdate);
    projectSocket.on("v1-project:response:Duplicate", handleDuplicate);
    projectSocket.on("v1:trash:response:delete", handleTrashDelete);

    return () => {
      projectSocket.off("v1-project:response:add", handleAdd);
      projectSocket.off("v1-project:response:delete", handleDelete);
      projectSocket.off("v1-project:response:update", handleUpdate);
      projectSocket.off("v1-project:response:Duplicate", handleDuplicate);
      projectSocket.off("v1:trash:response:delete", handleTrashDelete);
    };
    // eslint-disable-next-line
  }, [projectSocket, userId, organization]);

  return null;
};

export default ProjectSocketRes;