feat: deals viewer mode and links for viewers

src/modules/context/ModulesContext.tsx

@@ -1,7 +1,9 @@
 import React, { createContext, FC, useContext, useEffect, useState } from "react";
 import { useProjectsContext } from "../../contexts/ProjectsContext.tsx";
-import { MODULES } from "../modules.tsx";
+import { ModuleNames, MODULES } from "../modules.tsx";
 import { Module } from "../types.tsx";
+import { RootState } from "../../redux/store.ts";
+import { useSelector } from "react-redux";
 
 type ModulesContextState = {
     modules: Module[];
@@ -13,15 +15,24 @@ const ModulesContext = createContext<ModulesContextState | undefined>(
 
 const useModulesContextState = () => {
     const { selectedProject } = useProjectsContext();
-
+    const { isDealsViewer } = useSelector((state: RootState) => state.auth);
     const [modules, setModules] = useState<Module[]>([]);
 
+    const filterModules = (modulesToFilter: Module[]): Module[] => {
+        if (isDealsViewer) {
+            const modulesForDealsViewer: string[] = [ModuleNames.SERVICES_AND_PRODUCTS];
+            return modulesToFilter.filter(module => modulesForDealsViewer.includes(module.info.key));
+        }
+
+        return modulesToFilter;
+    };
+
     useEffect(() => {
         const modules = selectedProject?.modules ?? [];
         const projectModules = modules.map(module => {
             return MODULES[module.key];
         }) ?? [];
-        setModules(projectModules);
+        setModules(filterModules(projectModules));
     }, [selectedProject?.id]);
 
     return {