Added new note to the job details screen.

client/src/pages/jobs-detail/jobs-detail.page.container.jsx

@@ -1,5 +1,5 @@
 import { useQuery } from "@apollo/react-hooks";
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import AlertComponent from "../../components/alert/alert.component";
 import SpinComponent from "../../components/loading-spinner/loading-spinner.component";
@@ -25,6 +25,7 @@ function JobsDetailPageContainer({ match, location }) {
 
   if (loading) return <SpinComponent />;
   if (error) return <AlertComponent message={error.message} type='error' />;
+
   return (
     <JobsDetailPage
       hash={hash ? hash.substring(1) : "#lines"}

client/src/pages/jobs-detail/jobs-detail.page.jsx

@@ -1,16 +1,16 @@
 import { Icon, Row, Tabs } from "antd";
 import React from "react";
-import { withRouter } from "react-router-dom";
 import { useTranslation } from "react-i18next";
+import { FaRegStickyNote } from "react-icons/fa";
+import { withRouter } from "react-router-dom";
 import JobLinesContainer from "../../components/job-lines/job-lines.container.component";
 import JobTombstone from "../../components/job-tombstone/job-tombstone.component";
 import JobsDocumentsContainer from "../../components/jobs-documents/jobs-documents.container";
-import { FaRegStickyNote } from "react-icons/fa";
 import JobNotesContainer from "../../components/jobs-notes/jobs-notes.container";
 
 function JobsDetailPage({ jobId, hash, data, match, history }) {
   const { t } = useTranslation();
-
+  console.log("hash", hash);
   return (
     <div>
       <Row>
@@ -18,7 +18,7 @@ function JobsDetailPage({ jobId, hash, data, match, history }) {
       </Row>
       <Row>
         <Tabs
-          defaultActiveKey={hash}
+          defaultActiveKey={`#${hash}`}
           onChange={p => {
             history.push(p);
           }}>