diff --git a/src/modules/ProductDetailsPage/ProductDetailsPage.tsx b/src/modules/ProductDetailsPage/ProductDetailsPage.tsx index 221edfe..b1cb1f4 100644 --- a/src/modules/ProductDetailsPage/ProductDetailsPage.tsx +++ b/src/modules/ProductDetailsPage/ProductDetailsPage.tsx @@ -64,6 +64,7 @@ export const ProductDetailsPage: React.FC = ({ loadData, endPoint }) => { resolution: productDetail.current.resolution, processor: productDetail.current.processor, ram: productDetail.current.ram, + 'built in memory': productDetail.current.capacity, camera: productDetail.current.camera, zoom: productDetail.current.zoom, cell: productDetail.current.cell, diff --git a/src/modules/ProductDetailsPage/components/ProductTechSpec/ProductTechSpec.module.scss b/src/modules/ProductDetailsPage/components/ProductTechSpec/ProductTechSpec.module.scss index fcb1118..2f40f26 100644 --- a/src/modules/ProductDetailsPage/components/ProductTechSpec/ProductTechSpec.module.scss +++ b/src/modules/ProductDetailsPage/components/ProductTechSpec/ProductTechSpec.module.scss @@ -39,8 +39,11 @@ &__subtitle { font-size: 14px; line-height: 21px; - text-transform: capitalize; color: $color__secondary; + + &::first-letter { + text-transform: capitalize; + } } &__text { diff --git a/src/modules/ProductDetailsPage/components/ProductTechSpec/ProductTechSpec.tsx b/src/modules/ProductDetailsPage/components/ProductTechSpec/ProductTechSpec.tsx index 8d4e2c4..7f5dc15 100644 --- a/src/modules/ProductDetailsPage/components/ProductTechSpec/ProductTechSpec.tsx +++ b/src/modules/ProductDetailsPage/components/ProductTechSpec/ProductTechSpec.tsx @@ -8,6 +8,7 @@ type Props = { resolution: string; processor: string; ram: string; + 'built in memory': string; camera: string; zoom: string; cell: string[]; @@ -23,7 +24,7 @@ export const ProductTechSpec: React.FC = ({ isDarkTheme, specs }) => { >

Tech specs

- {Object.entries(specs).map(([key, value]) => ( + {Object.entries(specs).map(([key, value]) => value && (

{key}