A verification “Swiss army knife” helping journalists, fact-checkers, and human rights defenders to save time and be more efficient in their fact-checking and debunking tasks on social networks especially when verifying videos and images
Refactoring that includes several changes and enhancement for easier debugging:
The codebase had many UI elements' names that were hard to understand and this is a first attempt to make it easier to understand when reading it. The main UI is now divided in 3 big panels:
The TopMenu with the logo, the buttons, the login and translation
The SideMenu with the list of tools per category
The MainContentMenu which represents the Tools page with tabs for the different categories
The names associated to these elements are also updated for better understanding. i.e. open() becomes toggleSideMenu
This PR also enhances the visual aspect with several fixes:
Adds a highlight on the sideMenu for the tool selected
Fixed bugs where some tabs elements were not highlighted correctly when selected
Fixed a RTL bug for the chevron
Fixed the layout of the MainContentMenu to prevent overflows and make it more responsive
Fixed the layout of the SideMenu when it is hidden: the behavior was not streamlined. Now, we can build and improve on this to have a coherent behavior. For instance, we can add chevrons to display that tools belong to a category.
Lastly, this PR gets rid of a lot of hard-coded strings to prevent coding errors. I introduced variables that encapsulate the different possible values, such as TOOLS_CATEGORIES, TOOL_STATUS_ICON or TOOL_RESTRICTIONS
Refactoring that includes several changes and enhancement for easier debugging:
The codebase had many UI elements' names that were hard to understand and this is a first attempt to make it easier to understand when reading it. The main UI is now divided in 3 big panels:
TopMenu
with the logo, the buttons, the login and translationSideMenu
with the list of tools per categoryMainContentMenu
which represents the Tools page with tabs for the different categories The names associated to these elements are also updated for better understanding. i.e.open()
becomestoggleSideMenu
This PR also enhances the visual aspect with several fixes:
sideMenu
for the tool selectedMainContentMenu
to prevent overflows and make it more responsiveSideMenu
when it is hidden: the behavior was not streamlined. Now, we can build and improve on this to have a coherent behavior. For instance, we can add chevrons to display that tools belong to a category.Lastly, this PR gets rid of a lot of hard-coded strings to prevent coding errors. I introduced variables that encapsulate the different possible values, such as
TOOLS_CATEGORIES
,TOOL_STATUS_ICON
orTOOL_RESTRICTIONS