refactor: replace typography with bctypography across components for …

…consistency
bcgov · Dec 11, 2024 · a299583 · a299583
1 parent ba4e583
commit a299583
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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 && (