feat(recipe): add pao de banana!

.gitignore

@@ -23,5 +23,5 @@ yarn-debug.log*
 yarn-error.log*
 
 # gatsby
-public
+/public
 .cache

content/bolacha-acafrao.mdx

@@ -9,11 +9,11 @@ icon:
 import Recipe from '../src/components/Recipe';
 import { units } from '../src/utils/measure';
 
-import bol1 from '../static/recipes/bolacha_acafrao/1.jpg';
-import bol2 from '../static/recipes/bolacha_acafrao/2.jpg';
-import bol3 from '../static/recipes/bolacha_acafrao/3.jpg';
-import bol4 from '../static/recipes/bolacha_acafrao/4.jpg';
-import bol5 from '../static/recipes/bolacha_acafrao/5.jpg';
+import bol1 from '../static/recipes/bolacha-acafrao/1.jpg';
+import bol2 from '../static/recipes/bolacha-acafrao/2.jpg';
+import bol3 from '../static/recipes/bolacha-acafrao/3.jpg';
+import bol4 from '../static/recipes/bolacha-acafrao/4.jpg';
+import bol5 from '../static/recipes/bolacha-acafrao/5.jpg';
 
 export const ingredients = [
   {

content/pao-de-banana.mdx

@@ -0,0 +1,125 @@
+---
+title: Pão de banana
+description: Vai bem com um cafézinho...
+icon:
+  name: FileText
+  variant: 32x32_4
+---
+
+import Recipe from '../src/components/Recipe';
+import { units } from '../src/utils/measure';
+
+import pao1 from '../static/recipes/pao-de-banana/1.jpg';
+import pao2 from '../static/recipes/pao-de-banana/2.jpg';
+import pao3 from '../static/recipes/pao-de-banana/3.jpg';
+import pao4 from '../static/recipes/pao-de-banana/4.jpg';
+
+export const ingredients = [
+  {
+    measure: {
+      value: '2',
+      unit: units.XICARAS,
+    },
+    ingredient: 'xícaras Farinha de arroz',
+  },
+  {
+    measure: {
+      value: '3',
+      unit: units.INTEIROS,
+    },
+    ingredient: 'Banana',
+    observation: 'bem maduras',
+  },
+  {
+    measure: {
+      value: '½',
+      unit: units.XICARAS,
+    },
+    ingredient: 'Óleo de coco',
+    observation: 'ou manteiga sem sal',
+  },
+  {
+    measure: {
+      value: '2',
+      unit: units.INTEIROS,
+    },
+    ingredient: 'Ovos',
+  },
+  {
+    measure: {
+      value: '1',
+      unit: units.COLHER_DE_CHA,
+    },
+    ingredient: 'Baunilha',
+  },
+  {
+    measure: {
+      value: '½',
+      unit: units.XICARAS,
+    },
+    ingredient: 'Açúcar mascavo',
+  },
+  {
+    measure: {
+      value: '¼',
+      unit: units.XICARAS,
+    },
+    ingredient: 'Mel',
+  },
+  {
+    measure: {
+      value: '1',
+      unit: units.COLHER_DE_SOPA,
+    },
+    ingredient: 'Fermento químico',
+  },
+  {
+    measure: {
+      value: '½',
+      unit: units.COLHER_DE_CHA,
+    },
+    ingredient: 'Sal',
+  },
+  {
+    measure: {
+      value: '¾',
+      unit: units.COLHER_DE_CHA,
+    },
+    ingredient: 'Canela',
+  },
+  {
+    measure: {
+      value: '½',
+      unit: units.XICARAS,
+    },
+    ingredient: 'Castanha ou nibs de chocolate',
+    observation: 'triturado',
+  },
+  {
+    measure: {
+      value: '½',
+      unit: units.XICARAS,
+    },
+    ingredient: 'Água',
+    observation: 'morna',
+  },
+];
+
+export const preparation = [
+  'Antes de começar, preaqueça o forno a 200° - 180° C e unte uma forma de pão com um pouco de manteiga',
+  'Mistrute o óleo de coco com o açúcar mascavo usando uma batedeira',
+  'Adicione os ovos, um a um, e misture tudo até ficar homogêneo (tigela 1)',
+  'Amasse as bananas com o mel em um recipiente separado e depois adicione essa mistura na tigela 1',
+  'Em uma tigela separada, adicione: a farinha, o bicarbonato e sódio, a canela e o sal. Misture tudo (tigela 2)',
+  'Coloque o conteúdo da tigela 2 na tigela 1 e misture bem',
+  'Coloque as castanhas cortadas e misture com uma espátula',
+  'Despeje a massa na forma untada e espalhe a massa com a ajuda de uma espátula',
+  'Coloque no forno por aproximadamente 50 min',
+  'O pão estará pronto quando você inserir um palito de dente no centro e ele sair limpo. Se sair sujo, continue o cozimento do pão e verifique novamente a cada 5 minutos até o palito de dente sair sem nada',
+];
+
+<Recipe
+  ingredients={ingredients}
+  preparation={preparation}
+  images={[pao1, pao2, pao3, pao4]}
+/>

src/components/Recipe.jsx

@@ -37,7 +37,7 @@ const RecipeWrapper = styled(Frame)`
 const Value = styled(Frame).attrs({
   as: 'span',
   boxShadow: 'none',
-  width: 25,
+  width: 16,
   display: 'inline-block',
   marginRight: 4,
 })`