Refactoring swapper with functional component

[valours]

Hi Paraswap,

Your project is really interesting. I hope my help will be welcome

Class-Components vs Functional

The react team encourages developers to use functional components. The big difference is the syntax (lighter) and the possibility of using hooks. Another advantage is to be able to dispense with the operator this.

• https://www.robinwieruch.de/react-function-component
• https://www.freecodecamp.org/news/removing-javascripts-this-keyword-makes-it-a-better-language-here-s-why-db28060cc086/

Power of hooks

it is possible to encapsulate the business logic in hooks and to separate it from the react component. This makes it easier to test the logic.
in this refactoring, it will have been possible to extract the business code in an even more meaningful way

• https://reactjs.org/docs/hooks-reference.html#gatsby-focus-wrapper

Bonus

• Add *.d.ts for fixing certain import in swapper

Good day !