feat: permission for editing Jobs

ref issue #100

Author: maxceem

src/constants/permissions.js

@@ -80,6 +80,15 @@ export const PERMISSIONS = {
   /**
    * Job
    */
+  UPDATE_JOB_NOT_OWN: {
+    meta: {
+      group: "Job",
+      title: "Edit Job (not own)",
+      description: "Who can edit job created by some other user.",
+    },
+    topcoderRoles: [TOPCODER_ROLE.BOOKING_MANAGER, TOPCODER_ROLE.ADMINISTRATOR],
+  },
+
   UPDATE_JOB_STATUS: {
     meta: {
       group: "Job",

src/routes/JobDetails/index.jsx

@@ -22,6 +22,8 @@ import IconOpenings from "../../assets/images/icon-openings.svg";
 import Button from "../../components/Button";
 import { formatDate } from "utils/format";
 import "./styles.module.scss";
+import { hasPermission } from "utils/permissions";
+import { PERMISSIONS } from "constants/permissions";
 
 const JobDetails = ({ teamId, jobId }) => {
   const [job, loadingError] = useData(getJobById, jobId);
@@ -95,16 +97,18 @@ const JobDetails = ({ teamId, jobId }) => {
                 {job.status}
               </DataItem>
             </div>
-            <div styleName="actions">
-              <Button
-                target="_blank"
-                size="medium"
-                className="editButton"
-                routeTo={`/taas/myteams/${teamId}/positions/${job.id}/edit`}
-              >
-                Edit Job Details
-              </Button>
-            </div>
+            {hasPermission(PERMISSIONS.UPDATE_JOB_NOT_OWN) && (
+              <div styleName="actions">
+                <Button
+                  target="_blank"
+                  size="medium"
+                  className="editButton"
+                  routeTo={`/taas/myteams/${teamId}/positions/${job.id}/edit`}
+                >
+                  Edit Job Details
+                </Button>
+              </div>
+            )}
           </div>
         </>
       )}