fix: adjust conflicts

Author: jhonmike

.env.development

@@ -1,4 +0,0 @@
-<<<<<<< HEAD
-SANDPACK_BARE_COMPONENTS=true 
-=======
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c

.env.production

@@ -1,6 +1 @@
-<<<<<<< HEAD
-NEXT_PUBLIC_GA_TRACKING_ID = 'UA-41298772-4'
-SANDPACK_BARE_COMPONENTS=true 
-=======
 NEXT_PUBLIC_GA_TRACKING_ID = 'G-B1E83PJ3RT'
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c

src/content/learn/choosing-the-state-structure.md

@@ -554,14 +554,7 @@ button { margin-top: 10px; }
 
 </Sandpack>
 
-<<<<<<< HEAD
-
-(Alternativamente, você pode manter o índice selecionado no estado.)
-
 O estado costumava ser duplicado assim:
-=======
-The state used to be duplicated like this:
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
 
 * `items = [{ id: 0, title: 'pretzels'}, ...]`
 * `selectedItem = {id: 0, title: 'pretzels'}`

src/content/learn/conditional-rendering.md

@@ -626,11 +626,7 @@ export default function PackingList() {
 
 Observe que você deve escrever `importance > 0 && ...` ao invés de `importance && ...` para que, se `importance` for `0`, `0` não seja renderizado como resultado!
 
-<<<<<<< HEAD
-Nessa solução, duas condições separadas são usadas para inserir um espaço entre o nome e a etiqueta de relevância. Alternativamente, você pode usar um fragmento com um espaço inicial: `importance > 0 && <> <i>...</i></>` ou adicionar um espaço imediatamente dentro do `<i>`: `importance > 0 && <i> ...</i>`.
-=======
-In this solution, two separate conditions are used to insert a space between the name and the importance label. Alternatively, you could use a Fragment with a leading space: `importance > 0 && <> <i>...</i></>` or add a space immediately inside the `<i>`:  `importance > 0 && <i> ...</i>`.
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
+Nesta solução, duas condições separadas são usadas para inserir um espaço entre o nome e o rótulo de importância. Alternativamente, você pode usar um Fragment com um espaço à esquerda: `importance > 0 && <> <i>...</i></>` ou adicionar um espaço imediatamente dentro de `<i>`: `importance > 0 && <i> ...</i>`.
 
 </Solution>
 

src/content/learn/describing-the-ui.md

@@ -10,26 +10,15 @@ React é uma biblioteca JavaScript para renderizar interfaces de usuário (UI).
 
 <YouWillLearn isChapter={true}>
 
-<<<<<<< HEAD
 * [Como criar seu primeiro componente React](/learn/your-first-component)
-* [Quando e como criar múltiplos componentes](/learn/importing-and-exporting-components)
+* [Quando e como criar arquivos multicomponentes](/learn/importing-and-exporting-components)
 * [Como escrever tags dentro do JavaScript usando JSX](/learn/writing-markup-with-jsx)
-* [Como utilizar chaves no JSX para utilizar funcões JavaScript nos seus componentes](/learn/javascript-in-jsx-with-curly-braces)
-* [Como configurar componentes utilizando props(propriedades)](/learn/passing-props-to-a-component)
-* [Como renderizar componentes de forma condicional](/learn/conditional-rendering)
-* [Como renderizar múltiplos componentes de uma só vez](/learn/rendering-lists)
-* [Como evitar comportamentos inesperados mantendo seus componentes puros](/learn/keeping-components-pure)
-=======
-* [How to write your first React component](/learn/your-first-component)
-* [When and how to create multi-component files](/learn/importing-and-exporting-components)
-* [How to add markup to JavaScript with JSX](/learn/writing-markup-with-jsx)
-* [How to use curly braces with JSX to access JavaScript functionality from your components](/learn/javascript-in-jsx-with-curly-braces)
-* [How to configure components with props](/learn/passing-props-to-a-component)
-* [How to conditionally render components](/learn/conditional-rendering)
-* [How to render multiple components at a time](/learn/rendering-lists)
-* [How to avoid confusing bugs by keeping components pure](/learn/keeping-components-pure)
-* [Why understanding your UI as trees is useful](/learn/understanding-your-ui-as-a-tree)
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
+* [Como usar chaves com JSX para acessar a funcionalidade JavaScript de seus componentes](/learn/javascript-in-jsx-with-curly-braces)
+* [Como configurar componentes com props](/learn/passing-props-to-a-component)
+* [Como renderizar componentes condicionalmente](/learn/conditional-rendering)
+* [Como renderizar vários componentes por vez](/learn/rendering-lists)
+* [Como evitar erros confusos mantendo os componentes puros](/learn/keeping-components-pure)
+* [Por que entender sua UI como árvores é útil](/learn/understanding-your-ui-as-a-tree)
 
 </YouWillLearn>
 
@@ -537,9 +526,6 @@ Leia **[Mantendo Seus Componentes Puros](/learn/keeping-components-pure)** para
 
 </LearnMore>
 
-<<<<<<< HEAD
-## O que vem depois? {/*whats-next*/}
-=======
 ## Your UI as a tree {/*your-ui-as-a-tree*/}
 
 React uses trees to model the relationships between components and modules. 
@@ -571,8 +557,7 @@ Read **[Your UI as a Tree](/learn/understanding-your-ui-as-a-tree)** to learn ho
 </LearnMore>
 
 
-## What's next? {/*whats-next*/}
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
+## O que vem depois? {/*whats-next*/}
 
 Navegue para a página [Seu Primeiro Componente](/learn/your-first-component) para começar a ler esse capítulo página por página!
 

src/content/learn/reacting-to-input-with-state.md

@@ -84,11 +84,7 @@ function submitForm(answer) {
    // Simula que está acessando a rede. 
   return new Promise((resolve, reject) => {
     setTimeout(() => {
-<<<<<<< HEAD
-      if (answer.toLowerCase() == 'istambul') {
-=======
       if (answer.toLowerCase() === 'istanbul') {
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
         resolve();
       } else {
         reject(new Error('Bom palpite, mas resposta errada. Tente novamente!'));

src/content/learn/referencing-values-with-refs.md

@@ -287,11 +287,7 @@ Você também não precisa se preocupar em [evitar a mutação](/learn/updating-
 
 ## Refs e o DOM {/*refs-and-the-dom*/}
 
-<<<<<<< HEAD
-Você pode apontar um ref para qualquer valor. No entanto, o caso de uso mais comum para um ref é acessar um elemento DOM. Por exemplo, isso é útil se você deseja focar um campo de entrada (input) programaticamente. Quando você passa um ref para um atributo `ref` em JSX, como `<div ref={myRef}>`, o React colocará o elemento DOM correspondente em `myRef.current`. Você pode saber mais sobre isso em [Manipulando o DOM com Refs.](/learn/manipulating-the-dom-with-refs)
-=======
 You can point a ref to any value. However, the most common use case for a ref is to access a DOM element. For example, this is handy if you want to focus an input programmatically. When you pass a ref to a `ref` attribute in JSX, like `<div ref={myRef}>`, React will put the corresponding DOM element into `myRef.current`. Once the element is removed from the DOM, React will update `myRef.current` to be `null`. You can read more about this in [Manipulating the DOM with Refs.](/learn/manipulating-the-dom-with-refs)
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
 
 <Recap>
 

src/content/learn/rendering-lists.md

@@ -1084,11 +1084,7 @@ Aqui, `<Recipe {...recipe} key={recipe.id} />` é um atalho de sintaxe dizendo "
 
 #### Lista com um separador {/*list-with-a-separator*/}
 
-<<<<<<< HEAD
-Esse exemplo renderiza um famoso haiku por Katsushika Hokusai, com cada linha envolta em uma tag `<p>`. Seu trabalho é inserir um separador `<hr />` entre cada parágrafo. Sua estrutura resultante deve se parecer com isso:
-=======
 This example renders a famous haiku by Tachibana Hokushi, with each line wrapped in a `<p>` tag. Your job is to insert an `<hr />` separator between each paragraph. Your resulting structure should look like this:
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
 
 ```js
 <article>
@@ -1147,11 +1143,7 @@ hr {
 
 <Hint>
 
-<<<<<<< HEAD
-Você precisará converter `map` para um loop manual, ou então usar um fragment.
-=======
-You'll either need to convert `map` to a manual loop, or use a Fragment.
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
+Você precisará converter `map` em um loop manual ou usar um Fragment.
 
 </Hint>
 
@@ -1214,11 +1206,7 @@ hr {
 
 Usando o índice original da linha como `key` não funciona mais porque cada separador e parágrafo estão agora no mesmo array. Entretanto, você pode dar a cada uma delas uma key distinta usando um sufixo, por exemplo `key={i + '-text'}`.
 
-<<<<<<< HEAD
-Alternativamente, você pode renderizar uma coleção de fragmentos a qual contêm `<hr />` e `<p>...</p>`. Entretanto, o atalho de sintaxe `<>...</>` não suporta a passagem de keys, então você teria que escrever `<Fragment>` explicitamente:
-=======
-Alternatively, you could render a collection of Fragments which contain `<hr />` and `<p>...</p>`. However, the `<>...</>` shorthand syntax doesn't support passing keys, so you'd have to write `<Fragment>` explicitly:
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
+Alternativamente, você pode renderizar uma coleção de fragmentos que contém `<hr />` e `<p>...</p>`. No entanto, a sintaxe abreviada `<>...</>` não suporta a passagem de chaves, então você teria que escrever `<Fragment>` explicitamente:
 
 <Sandpack>
 
@@ -1264,11 +1252,7 @@ hr {
 
 </Sandpack>
 
-<<<<<<< HEAD
-Lembre-se, fragmentos (comumente escritos como `<> </>`) deixam com que você agrupe nós JSX sem adicionar `<div>`s extras!
-=======
-Remember, Fragments (often written as `<> </>`) let you group JSX nodes without adding extra `<div>`s!
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
+Lembre-se, Fragmentos (geralmente escritos como `<> </>`) permitem agrupar nós JSX sem adicionar `<div>`s extras!
 
 </Solution>
 

src/content/learn/reusing-logic-with-custom-hooks.md

@@ -1918,13 +1918,8 @@ export default function Counter() {
 }
 ```
 
-<<<<<<< HEAD
-```js useCounter.js
-// Escreva seu Hook personalizado neste arquivo!
-=======
 ```js src/useCounter.js
-// Write your custom Hook in this file!
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
+// Escreva seu Hook personalizado neste arquivo!
 ```
 
 </Sandpack>
@@ -2110,13 +2105,8 @@ export function useCounter(delay) {
 }
 ```
 
-<<<<<<< HEAD
-```js useInterval.js
-// Escreva seu Hook aqui!
-=======
 ```js src/useInterval.js
-// Write your Hook here!
->>>>>>> 5de85198a3c575d94a395138e3f471cc7172a51c
+// Escreva seu Hook aqui!
 ```
 
 </Sandpack>