Hxsggsz 35268942

[hxsggsz]

On this pull request i make a toggle social media with a switch component using the checkbox input as a base for it

The toggle social media component

To use this component you need to pass as props the social media name, here is the code example:

import { ToggleSocialMedia } from './components/toggleSocialMedia';

function App() {
  return (
	<ToggleSocialMedia socialMedia="Facebook" />
  );

}
  
export default App;

The final result:

How to use the switch component on your code:

You will need to pass two props to the component: the checked state as a boolean and the setChecked

here is an example in code how to use it

function App() {
  const [checked, setChecked] = useState(false);

  return (
      <Switch checked={checked} setChecked={setChecked} />
  );

}

  

export default App;

Final result of the switch component

[Alecell]

Adorei o PR! Vamos tentar seguir mais esse padrão no projeto!

[Alecell]

Um pepino chato é que vc commitou o base.scss na mesma branch e não numa separada, isso é ruim, mas como era só colocar a branch sem mais nada acho que ta safe!

[aalmeida00]

Algumas modificações relacionados a styleguide e padrões que vamos adotar.

[Alecell]

Ué, ta resolved, mas o arquivo ainda ta aqui

[Alecell]

Mais um marcado como resolved que não foi feito.

[Alecell]

Nome da pasta é PascalCase tambem

[Alecell]

Anota isso no nosso styleguide, com excessão de componentes, todo o resto é export na declaração, salvo excessões!

[Alecell]

Acho q dava pra melhorar, mas ta bom desse jeito!

[Alecell]

Mais um marcado como resolved que não foi resolved

[hxsggsz]

eu tinha apagado o arquivo mas todo push que eu faço esse arquivo é enviado pra pr junto com o componente de preview da outra pr por algum motivo