fix/632: Hide 'Join now' option when user is logged in

[pkmanas22]

PR Fixes:

• 1 bug: When the page reloads, the "Join now" option is erroneously displayed despite the user being logged in #632

Resolves #632

Checklist before requesting a review

• I have performed a self-review of my code
• I assure there is no similar/duplicate pull request regarding same issue

[pkmanas22]

npm install error as there is extra comma in last dependencies and I am not fetched the latest commit and created the pull request, that's why the checks failed, please confirm me @hkirat @devsargam whether I have to close this or this is enough

[giripatel]

Hi @pkmanas22

The code you have altered is producing a bug.

Bug: If the user is not loged in, join now and login buttons are not visible to the user.

my alternative suggestion:

when the session.data is in undefined state try to render a skeleton insted of hiding the buttons.

if(isLoading){
return (
// skeleton code
)
}

return (
// main component
)

[pkmanas22]

Thank u @giripatel for notifing about this, but i think using skeleton it does not solve the issue as when user is not logged in, then it should be always undefined, so isLoading is always true. In my case it hides but using skeleton it will always display skeleton not the login and join now button

I found the solution after googling a bit, there is status provided by useSession() hook, in which 3 types authenticated, loading and unauthenticated. Instead of undefined we can use if status is loading or not

[giripatel]

@pkmanas22 Yes I totally missed out on that