Override the useSortBy Method To Fix Sorting Issue [Issue - 2644]

[sahilsuman933]

Signed-off-by: sahilsuman933 [email protected]

Description
I added custom sorting method which sorts all the sub-sections length wise.

Before:

before.mp4

After:

after.mp4

This PR fixes #2644

Notes for Reviewers

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 15b1610 at: https://62abb2effde57246f7fd9e53--layer5.netlify.app

[Nikhil-Ladha]

It shouldn't be sorted based on length. The requirement is to have it sorted alphabetically. Check the useSortyBy function in react-table that might help.

[sahilsuman933]

@Nikhil-Ladha I read about the useSortBy function in react-table and the only solution that I was able to come up was to override the predefined function.

There was one more solution but it would have required to build that table from ground up. That's why I prefered custom sort method. it was clean and simple.

[l5io]

🚀 Preview for commit 8ef6ab8 at: https://62ac18d69b668e0c3e76dfe6--layer5.netlify.app

[YashKamboj]

@sahilsuman933 Please add a appropriate title for the pr

[sahilsuman933]

@sahilsuman933 Please add a appropriate title for the pr

Done.

[l5io]

🚀 Preview for commit 8dbbfb2 at: https://62acf4dd81919333b1b30140--layer5.netlify.app

[sahilsuman933]

@Nikhil-Ladha and @YashKamboj Could you please review this PR?

[leecalcote]

Heads-up: @Nikhil-Ladha is taking a couple vacations and will be in and out over the next few weeks.

[sahilsuman933]

Heads-up: @Nikhil-Ladha is taking a couple vacations and will be in and out over the next few weeks.

Okay. Meanwhile I will fix some other issues. Any issue suggestion lee which is moderate level and which is related to JS?

[leecalcote]

@sahilsuman933 good of you to ask. Yes, I can describe one to you on this Monday’s Websites meeting, which is today (meeting details at https://meet.layer5.io)

[sahilsuman933]

@sahilsuman933 good of you to ask. Yes, I can describe one to you on this Monday’s Websites meeting, which is today (meeting details at https://meet.layer5.io)

Okay. Thanks