Further refinement on jobs detail screen on header. BOD-155

client/src/components/barcode-popup/barcode-popup.component.jsx

@@ -2,7 +2,7 @@ import { Tag, Popover } from "antd";
 import React from "react";
 import Barcode from "react-barcode";
 import { useTranslation } from "react-i18next";
-export default function BarcodePopupComponent({ value }) {
+export default function BarcodePopupComponent({ value, children }) {
   const { t } = useTranslation();
   return (
     <div>
@@ -10,12 +10,11 @@ export default function BarcodePopupComponent({ value }) {
         content={
           <Barcode
             value={value}
-            background="transparent"
+            background='transparent'
             displayValue={false}
           />
-        }
-      >
-        <Tag>{t("general.labels.barcode")}</Tag>
+        }>
+        {children ? children : <Tag>{t("general.labels.barcode")}</Tag>}
       </Popover>
     </div>
   );