Desafio

Consegui resolver. Mas seria interessante colocar a resposta completa pra quem precisar, ou colocar o link do github de forma mais fácil

mano realmente não faz sentido nenhum os caras colocaram um desafio, jogarem a resposta e não resolverem de forma adequada, agora meu código não está funcionando e vou ter que seguir sem uma parte do desafio...

Também empaquei nessa parte...esperava que fosse resolvido...

Bom pessoal fui atrás e vos trago a solução:

1. Baixa este arquivo: https://github.com/alura-cursos/space-app/blob/aula-2/src/componentes/CampoTexto/search.png e coloque na pasta src/CampoTexto.

2. Aqui está o código completo do componente (index.jsx): https://github.com/alura-cursos/space-app/blob/aula-2/src/componentes/CampoTexto/index.jsx

3. Coloque o componente CampoTexto lá dentro do componente Cabecalho, como mostra aqui: https://github.com/alura-cursos/space-app/blob/aula-2/src/componentes/Cabecalho/index.jsx

É isso ai espero ter ajudado quem estava perdido como eu hehe

Deu certo mano!

Eu estava tentando fazer pelo react Icons, mas não tinha dado certo =S

Muito obrigado! Agora, como colocar um placeholder?

[Edit] Consegui:

const CampoTexto = (props) => {
    return (
        <ContainerEstilizado>
            <CampoTextoEstilizado placeholder="O que você procura?" {...props} />
            <IconeLupa src={search} alt="ícone de lupa" />
        </ContainerEstilizado>
    )
}

Boa pessoal. Uma dica que deixo é fazer isso que o Guilherme fez: sempre que tem esses desafios com solução incompleta, eu dou uma olhada no código do github deles, pra entender como fizeram.

Também tive dificuldade com os desafios e acho que conseguimos sim encontrar a solução no GitHub. Porém, como é um curso e estamos aprendendo, seria interessante que eles dedicassem 5min no vídeo seguinte para uma revisão rápida e objetiva.