Refactor to using RNP & UI Updates.

components/screen-job-detail/screen-job-detail.component.jsx

@@ -2,7 +2,7 @@ import { useQuery } from "@apollo/client";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { useWindowDimensions } from "react-native";
-import { SceneMap, TabView } from "react-native-tab-view";
+import { SceneMap, TabView, TabBar } from "react-native-tab-view";
 import { GET_JOB_BY_PK } from "../../graphql/jobs.queries";
 import ErrorDisplay from "../error-display/error-display.component";
 import JobDocuments from "../job-documents/job-documents.component";
@@ -24,6 +24,14 @@ export default function ScreenJobDetail({ route }) {
     skip: !jobId,
   });
 
+  const renderTabBar = (props) => (
+    <TabBar
+      {...props}
+      indicatorStyle={{ backgroundColor: "white" }}
+      style={{ backgroundColor: "dodgerblue" }}
+    />
+  );
+
   const renderScene = SceneMap({
     job: () =>
       JobTombstone({
@@ -68,6 +76,7 @@ export default function ScreenJobDetail({ route }) {
       renderScene={renderScene}
       onIndexChange={setIndex}
       initialLayout={{ width: layout.width }}
+      renderTabBar={renderTabBar}
     />
   );
 }