From f834fbcca57e861ac358a0eaa6e03ae4838678ed Mon Sep 17 00:00:00 2001
From: Bruno Assis <brunoassis@gmail.com>
Date: Fri, 23 Aug 2024 17:32:05 -0300
Subject: [PATCH] Fix typos in developing-guide/fetching-data

---
 docs/developing-guide/fetching-data/en.md | 14 +++++++++-----
 docs/developing-guide/fetching-data/pt.md | 12 ++++++------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/docs/developing-guide/fetching-data/en.md b/docs/developing-guide/fetching-data/en.md
index 021b7cf5..c698e961 100644
--- a/docs/developing-guide/fetching-data/en.md
+++ b/docs/developing-guide/fetching-data/en.md
@@ -53,8 +53,8 @@ Note that the only thing we care about is the "facts" property. Therefore, we
 will create a section that is prepared to receive these facts and render them in
 any way we want.
 
-To do this, we will create a type called DogFact that contains only one property
-called fact, which is the string represented by the message.
+To do this, we will create a type called `DogFact` that contains only one property
+called `fact`, which is the `string` represented by the message.
 
 Let's see this in action by creating a new section:
 
@@ -82,9 +82,9 @@ export default function DogFacts({ title, dogFacts }: Props) {
 }
 ```
 
-> At this point, you can check in the admin (in your local environment) that
-> this component can already be used with static data, which doesn't make much
-> sense for our use case.
+> At this point, you can run `deno task start` and check in the admin
+> (in your local environment) that this component can already be used with
+> static data, which doesn't make much sense for our use case.
 
 ## 2. Creating the Loader and testing the Section
 
@@ -100,6 +100,10 @@ Loader** (the return type of the Loader is the input type of the Section).
 1. Define what will be the input `Props` of your loader.
 2. Export a function called `loader` in the same file as your Section.
 
+In our case, we'll make the number of facts shown in our component configurable.
+Note that now, what will appear to be configured will no longer be the props of
+the section, but rather the props of your loader.
+
 ```tsx
 import type { SectionProps } from "deco/mod.ts";
 
diff --git a/docs/developing-guide/fetching-data/pt.md b/docs/developing-guide/fetching-data/pt.md
index 28c31d16..6c35996d 100644
--- a/docs/developing-guide/fetching-data/pt.md
+++ b/docs/developing-guide/fetching-data/pt.md
@@ -33,7 +33,7 @@ _Dados retornados da API Dog Facts sendo chamada no browser_
 Primeiro, vamos criar uma Section que renderizará os dados buscados da API. Crie
 a seção `DogFacts.tsx` na pasta sections/ do seu projeto.
 
-Se executarmos um http request para a API da Dog Fact veremos que ele retorna um
+Se executarmos um _HTTP request_ para a API da Dog Fact veremos que ele retorna um
 JSON no seguinte formato,
 
 > Abra no seu browser:
@@ -49,11 +49,11 @@ JSON no seguinte formato,
 }
 ```
 
-Perceba que a única coisa que nos importa são os facts, logo vamos criar nossa
-section preparada para receber esses facts re renderiza-los da maneira que
+Perceba que a única coisa que nos importa são os "facts", logo vamos criar nossa
+section preparada para receber esses facts e renderizá-los da maneira que
 desejarmos.
 
-Para isso, vamos criar um tipo `DoctFact` que contém apenas uma propriedade
+Para isso, vamos criar um tipo `DogFact` que contém apenas uma propriedade
 chamada `fact` que é a `string` representada pela mensagem.
 
 Vamos ver isso em ação criando uma nova Section:
@@ -83,7 +83,7 @@ export default function DogFacts({ title, dogFacts }: Props) {
 ```
 
 > Nesse momento podemos rodar o `deno task start` e verificar no nosso admin que
-> esse componente já consegue ser utilizado com dados estáticos, oque não faz
+> esse componente já consegue ser utilizado com dados estáticos, o que não faz
 > muito sentido para nosso caso de uso.
 
 ## 2. Criando o Loader e testando a Section
@@ -102,7 +102,7 @@ entrada da Section).
 2. Exporte uma função chamada `loader` dentro do mesmo arquivo da sua section.
 
 No nosso caso, vamos deixar configurável qual número de facts que vamos mostrar
-no nosso componente. Perceba que agora, o que aparecerá parece ser configurado
+no nosso componente. Perceba que agora, o que aparecerá para ser configurado
 não será mais as props da section mas sim as props do seu loader.
 
 ```tsx