fix(invoice details): add branch name.

src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailDrawerProvider.js

@@ -1,23 +1,31 @@
 import React from 'react';
 import intl from 'react-intl-universal';
 import { DrawerHeaderContent, DrawerLoading } from 'components';
+import { Features } from 'common';
 import { useInvoice } from 'hooks/query';
+import { useFeatureCan } from 'hooks/state';
 
 const InvoiceDetailDrawerContext = React.createContext();
 /**
  * Invoice detail provider.
  */
 function InvoiceDetailDrawerProvider({ invoiceId, ...props }) {
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+
   // Fetch sale invoice details.
   const { data: invoice, isLoading: isInvoiceLoading } = useInvoice(invoiceId, {
     enabled: !!invoiceId,
   });
 
+  // const isFeatureCan = featureCan(Features.Branches);
+
   // Provider.
   const provider = {
     invoiceId,
     invoice,
   };
+
   return (
     <DrawerLoading loading={isInvoiceLoading}>
       <DrawerHeaderContent
@@ -25,7 +33,13 @@ function InvoiceDetailDrawerProvider({ invoiceId, ...props }) {
         title={intl.get('invoice_details.drawer.title', {
           invoiceNumber: invoice.invoice_no,
         })}
-        subTitle={`Branch: ${invoice.branch?.name}`}
+        subTitle={
+          featureCan(Features.Branches)
+            ? intl.get('invoice_details.drawer.subtitle', {
+                value: invoice.branch?.name,
+              })
+            : null
+        }
       />
       <InvoiceDetailDrawerContext.Provider value={provider} {...props} />
     </DrawerLoading>