Merge pull request #157 from tahmid-saj/dev-general-cleanup-3

centering prediction info
tahmid-saj · Jun 23, 2024 · a59dfd3 · a59dfd3
2 parents d64c8e6 + 6d230e4
commit a59dfd3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/.gitignore b/.gitignore
@@ -24,3 +24,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.vercel
diff --git a/src/components/shared/nutrient-predictor/nutrients-info/nutrients-info.component.jsx b/src/components/shared/nutrient-predictor/nutrients-info/nutrients-info.component.jsx
@@ -85,7 +85,7 @@ const NutrientsInfo = () => {
  return (
  <NutrientsInfoContainer key={ index }>
  <OutlinedCard styles={ outlinedCardStyles }>
- <strong><Typography sx={{ display: "flex", justifyContent: "center" }} variant="h6">{`${prediction.name.toUpperCase()}`}</Typography></strong>
+ <Typography sx={{ display: "flex", justifyContent: "center" }} variant="h5">{`${prediction.name.toUpperCase()}`}</Typography>
  <br></br>
 
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Calories - ${prediction.calories}`}</Typography>
@@ -95,7 +95,7 @@ const NutrientsInfo = () => {
  <Divider/>
  <br></br>
 
- <strong><h4>Macronutrients</h4></strong>
+ <Typography sx={{ display: "flex", justifyContent: "center" }} variant="h6">Macronutrients</Typography>
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Carbohydrates - ${prediction.macronutrients.carbohydratesTotalG} g`}</Typography>
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Protein - ${prediction.macronutrients.proteinG} g`}</Typography>
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Fat - ${prediction.macronutrients.fatTotalG} g`}</Typography>
@@ -105,7 +105,7 @@ const NutrientsInfo = () => {
  <Divider/>
  <br></br>
 
- <strong><h4>Micronutrients</h4></strong>
+ <Typography sx={{ display: "flex", justifyContent: "center" }} variant="h6">Micronutrients</Typography>
  <Fragment key={ index }>
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Sodium - ${prediction.micronutrients.sodiumMG} mg`}</Typography>
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Potassium - ${prediction.micronutrients.potassiumMG} mg`}</Typography>

diff --git a/...ts/shared/recipes/components/recipe/nutrient-prediction/nutrient-prediction.component.jsx b/...ts/shared/recipes/components/recipe/nutrient-prediction/nutrient-prediction.component.jsx
@@ -87,7 +87,7 @@ const NutrientPrediction = () => {
  return (
  <NutrientsInfoContainer key={ index }>
  <OutlinedCard styles={ outlinedCardStyles }>
- <strong><Typography sx={{ display: "flex", justifyContent: "center" }} variant="h6">{`${prediction.name.toUpperCase()}`}</Typography></strong>
+ <Typography sx={{ display: "flex", justifyContent: "center" }} variant="h5">{`${prediction.name.toUpperCase()}`}</Typography>
  <br></br>
 
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Calories - ${prediction.calories}`}</Typography>
@@ -97,7 +97,7 @@ const NutrientPrediction = () => {
  <Divider/>
  <br></br>
 
- <strong><h4>Macronutrients</h4></strong>
+ <Typography sx={{ display: "flex", justifyContent: "center" }} variant="h6">Macronutrients</Typography>
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Carbohydrates - ${prediction.macronutrients.carbohydratesTotalG} g`}</Typography>
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Protein - ${prediction.macronutrients.proteinG} g`}</Typography>
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Fat - ${prediction.macronutrients.fatTotalG} g`}</Typography>
@@ -107,7 +107,7 @@ const NutrientPrediction = () => {
  <Divider/>
  <br></br>
 
- <strong><h4>Micronutrients</h4></strong>
+ <Typography sx={{ display: "flex", justifyContent: "center" }} variant="h6">Micronutrients</Typography>
  <Fragment key={ index }>
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Sodium - ${prediction.micronutrients.sodiumMG} mg`}</Typography>
  <Typography sx={{ display: "flex", justifyContent: "center" }} variant="body1">{`Potassium - ${prediction.micronutrients.potassiumMG} mg`}</Typography>