fix: issue #120

Author: yoution

src/routes/JobDetails/index.jsx

@@ -6,6 +6,7 @@
  */
 import React, { useEffect, useState } from "react";
 import PT from "prop-types";
+import _ from "lodash";
 import Page from "../../components/Page";
 import PageHeader from "../../components/PageHeader";
 import { useData } from "hooks/useData";
@@ -20,6 +21,7 @@ import IconComputer from "../../assets/images/icon-computer.svg";
 import IconDescription from "../../assets/images/icon-description.svg";
 import IconOpenings from "../../assets/images/icon-openings.svg";
 import Button from "../../components/Button";
+import { RESOURCE_TYPE_OPTIONS } from "../../constants";
 import { formatDate } from "utils/format";
 import "./styles.module.scss";
 import { hasPermission } from "utils/permissions";
@@ -82,7 +84,13 @@ const JobDetails = ({ teamId, jobId }) => {
                 {job.duration || "TBD"}
               </DataItem>
               <DataItem title="Resource Type" icon={<IconDescription />}>
-                {job.resourceType}
+                {_.get(
+                  _.find(
+                    RESOURCE_TYPE_OPTIONS,
+                    (t) => t.value === job.resourceType
+                  ),
+                  "label"
+                )}
               </DataItem>
               <DataItem
                 title="Resource Rate Frequency"