permission

src/pages/taskmanager/project/components/ProjectListHeader.tsx

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import { Link, useNavigate } from "react-router-dom";
 import Button from "../../../../components/Button";
 import { Pages } from "../../../../config/Pages";
+import { usePermissions } from "../../../../hooks/usePermissions";
 
 type Props = {
   title: string;
@@ -13,6 +14,7 @@ type Props = {
 
 const ProjectListHeader: FC<Props> = ({ title, workspaceId, onSettingsClick }) => {
   const { t } = useTranslation("global");
+  const { canCreate } = usePermissions();
   const createProjectLink = workspaceId ? `${Pages.taskmanager.createProject}?workspaceId=${workspaceId}` : Pages.taskmanager.createProject;
   const navigate = useNavigate();
   return (
@@ -31,18 +33,20 @@ const ProjectListHeader: FC<Props> = ({ title, workspaceId, onSettingsClick }) =
           <span>برگشت</span>
         </Button>
 
-        <Link to={createProjectLink}>
-          <Button
-            onClick={onSettingsClick}
-            className="flex items-center gap-2 whitespace-nowrap px-4"
-          >
-            <Add
-              size={18}
-              color="white"
-            />
-            <span>{t("taskmanager.new_project")}</span>
-          </Button>
-        </Link>
+        {canCreate("project") && (
+          <Link to={createProjectLink}>
+            <Button
+              onClick={onSettingsClick}
+              className="flex items-center gap-2 whitespace-nowrap px-4"
+            >
+              <Add
+                size={18}
+                color="white"
+              />
+              <span>{t("taskmanager.new_project")}</span>
+            </Button>
+          </Link>
+        )}
       </div>
     </div>
   );