Migrate components under public/components to React Hooks [1st step]

[goenning]

Fider is on the process of slowly migrating to a class-free UI code by using React Hooks. This is going to be a long journey, but we need to start from somewhere.

This is the first step where we'll migrate all of our shared components, which are much smaller/simpler than the page components.

If you're interested in learning React Hooks and TypeScript on a real project, then join us 😊

Leave your name and which component you'd like to work on.

These components are still classes and can be migrated:

• [X] common/form/Checkbox.tsx (➡️ @Anass-Daoudi #784)
• [ ] common/form/ImageUploader.tsx
• [x] common/form/ImageViewer.tsx (➡️ @Anass-Daoudi #1022)
• [ ] common/form/MultiImageUploader.tsx
• [x] common/form/RadioButton.tsx (➡️ @Anass-Daoudi #1021)
• [ ] common/form/Select.tsx
• [x] common/Button.tsx (➡️ @Anass-Daoudi #1020)
• [x] common/DropDown.tsx
• [x] common/Header.tsx
• [X] common/Hint.tsx (➡️ @chagriali #788)
• [x] common/Loader.tsx (➡️ @goenning #733)
• [x] common/Modal.tsx (➡️ @goenning #809)
• [x] common/SignInControl.tsx (➡️ @chagriali #789)
• [x] common/Toggle.tsx (➡️ @goenning #732)
• [x] SignInModal.tsx (➡️ @goenning #809)
• [x] VoteCounter.tsx

Blocked

• ErrorBoundary.tsx (cannot be migrated as Hooks doesn't support componentDidCatch yet)

NOTE 1: You don't need to know any of these technologies in order to work on it, if you need any help, just drop a message on this issue and we'll do what we can to help you out.

NOTE 2: If you'd like to practice your Unit Testing skills with Jest, then you can also add unit tests on your PR.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.