fix TechSpecs

fe-aug23-team4 · Dec 19, 2023 · d76b77b · d76b77b
1 parent da2f206
commit d76b77b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/modules/ProductDetailsPage/ProductDetailsPage.tsx b/src/modules/ProductDetailsPage/ProductDetailsPage.tsx
@@ -64,6 +64,7 @@ export const ProductDetailsPage: React.FC<Props> = ({ 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
@@ -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
@@ -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<Props> = ({ isDarkTheme, specs }) => {
     >
       <h4 className={styles.techSpec__title}>Tech specs</h4>
       <div className={styles.techSpec__wrapper}>
-        {Object.entries(specs).map(([key, value]) => (
+        {Object.entries(specs).map(([key, value]) => value && (
           <div key={key} className={styles.techSpec__item}>
             <p className={styles.techSpec__subtitle}>{key}</p>
             <p className={styles.techSpec__text}>