feat : add utils format title

jeyofdev · Oct 20, 2023 · 9c58adc · 9c58adc
1 parent 560a7aa
commit 9c58adc
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/src/components/card/single-estate-card/SingleEstateCard.tsx b/src/components/card/single-estate-card/SingleEstateCard.tsx
@@ -14,7 +14,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import useFetchEstate from '@hooks/useFetchEstate';
 import useTheme from '@hooks/useTheme';
 import { Box, Card, CardContent, CardMedia, Typography } from '@mui/material';
-import { formatPrice } from '@utils/index';
+import { formatPrice, formatTitle } from '@utils/index';
 import defaultEstateImg from '../../../assets/estate.jpg';
 import useStyles from './style';
 
@@ -48,7 +48,7 @@ const SingleEstateCard = ({
 					<Box sx={styles.topBox}>
 						<Box sx={styles.nameBox}>
 							<Typography variant='h4' sx={styles.title}>
-								{estate?.name}
+								{formatTitle(estate?.name)}
 							</Typography>
 
 							<Box sx={styles.addressBox}>

diff --git a/src/components/lists/estate-list/EstateList.tsx b/src/components/lists/estate-list/EstateList.tsx
@@ -22,7 +22,7 @@ import {
 	SelectChangeEvent,
 	Typography,
 } from '@mui/material';
-import { formatPrice } from '@utils/index';
+import { formatPrice, formatTitle } from '@utils/index';
 import {
 	ChangeEvent,
 	Dispatch,
@@ -133,7 +133,7 @@ const EstateList = ({
 
 													<Box>
 														<Typography variant='h6' sx={styles.cardTitle}>
-															{estate.name}
+															{formatTitle(estate.name)}
 														</Typography>
 
 														<Typography

diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -9,7 +9,16 @@ export const truncate = (text: string, limit: number): string => {
 		: `${text.split(' ').slice(0, limit).join(' ')}...`;
 };
 
+/**
+ * Format currency price
+ */
 export const formatPrice = (price: number, locales: string): string => {
 	const currencyFormat = new Intl.NumberFormat(locales);
 	return currencyFormat.format(price);
 };
+
+/**
+ * Format estate title
+ */
+export const formatTitle = (title: string): string =>
+	title.slice(0, 1).toUpperCase() + title.slice(1);