From a299583193a048569464e431028b2f39f4919e5d Mon Sep 17 00:00:00 2001
From: Hamed Valiollahi Bayeki <hamedv90@gmail.com>
Date: Wed, 11 Dec 2024 13:27:16 -0800
Subject: [PATCH] refactor: replace typography with bctypography across
 components for consistency

---
 .../Organizations/ViewOrganization/ViewOrganization.jsx     | 6 +++---
 frontend/src/views/Transfers/components/TransferView.jsx    | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/Organizations/ViewOrganization/ViewOrganization.jsx b/frontend/src/views/Organizations/ViewOrganization/ViewOrganization.jsx
index 2bf32af03..5fbac39bc 100644
--- a/frontend/src/views/Organizations/ViewOrganization/ViewOrganization.jsx
+++ b/frontend/src/views/Organizations/ViewOrganization/ViewOrganization.jsx
@@ -5,7 +5,7 @@ import BCTypography from '@/components/BCTypography'
 import BCAlert from '@/components/BCAlert'
 import BCDataGridServer from '@/components/BCDataGrid/BCDataGridServer'
 import Loading from '@/components/Loading'
-import { IconButton, Typography } from '@mui/material'
+import { IconButton } from '@mui/material'
 // icons
 import colors from '@/themes/base/colors.js'
 import { faCirclePlus } from '@fortawesome/free-solid-svg-icons'
@@ -175,10 +175,10 @@ export const ViewOrganization = () => {
               <BCTypography variant="label">
                 {t('org:complianceUnitBalance')}:
               </BCTypography>
-              <Typography variant="body4">
+              <BCTypography variant="body4">
                 {orgBalaceInfo?.totalBalance.toLocaleString()} (
                 {Math.abs(orgBalaceInfo?.reservedBalance).toLocaleString()})
-              </Typography>
+              </BCTypography>
             </Role>
           </BCBox>
           <BCBox
diff --git a/frontend/src/views/Transfers/components/TransferView.jsx b/frontend/src/views/Transfers/components/TransferView.jsx
index a33bbb62e..8bcd1a1a1 100644
--- a/frontend/src/views/Transfers/components/TransferView.jsx
+++ b/frontend/src/views/Transfers/components/TransferView.jsx
@@ -8,7 +8,7 @@ import {
 } from '@/constants/statuses'
 import { useCurrentUser } from '@/hooks/useCurrentUser'
 import { decimalFormatter } from '@/utils/formatters'
-import { Typography } from '@mui/material'
+import BCTypography from '@/components/BCTypography'
 import PropTypes from 'prop-types'
 import { useTranslation } from 'react-i18next'
 import TransferHistory from './TransferHistory'
@@ -55,7 +55,7 @@ export const TransferView = ({ transferId, editorMode, transferData }) => {
           backgroundColor: 'transparent.main'
         }}
       >
-        <Typography variant="body4">
+        <BCTypography variant="body4">
           <b>{fromOrganization}</b>
           {t('transfer:transfers')}
           <b>{quantity}</b>
@@ -64,7 +64,7 @@ export const TransferView = ({ transferId, editorMode, transferData }) => {
           <b>${decimalFormatter({ value: pricePerUnit })}</b>
           {t('transfer:complianceUnitsPerTvo')}
           <b>${decimalFormatter(totalValue)}</b> CAD.
-        </Typography>
+        </BCTypography>
       </BCBox>
       {/* Comments */}
       {transferData?.comments.length > 0 && (