$25 | Selection indicator is not displayed in some cases

[SathyaJayabal]

1. Click on Community -> Dashboard or My Profile, selection indicator disappears.
   This also happens when the user is logged out and you click on Community -> Overview or How it Works

[SathyaJayabal]

selection indicator bug.mov.zip

[SathyaJayabal]

@luizrrodrigues,The selection indicator is also not present when the user navigates to some pages that are not on the menu.

examples:

[SathyaJayabal]

@luizrrodrigues , one more example of the selection indicator not displayed properly

On a tab size window, when you click on more->explore->programs, the selection indicator moves from more to Community
cc @nithyaasworld
selection indicator 62.mov.zip

[luizrrodrigues]

@LieutenantRoger Any status on this one?

[LieutenantRoger]

Hi @luizrrodrigues

Working on this ticket. Will submit Asap.

[LieutenantRoger]

Hi @luizrrodrigues

Do you know how to resolve this issue ? I only checked out the code and try to launch the community app, it used to be launchable, but I received the error like this now.

https://take.ms/WGDkv

[luizrrodrigues]

What steps you followed to deploy and run app? Also you set the env vars shared in forum?

[LieutenantRoger]

Never mind, I have managed to launch the necessary page. The error I posted above appears some data incomplete in the dev env.

[luizrrodrigues]

You can run locally with Prod env data (is always better to me when test in my local)

[LieutenantRoger]

Can you take a look like this ? I tried use npm start to launch it in production mode, but the page seemed not able to launch ; https://take.ms/rb5VY

[luizrrodrigues]

@LieutenantRoger try set port:
export PORT=80

[LieutenantRoger]

The data seemed not load still. I can visit TonyJ in dev but not in prod environment: https://take.ms/AL6fm

[LieutenantRoger]

And in dev mode, both the my profile page and dash-board page won't load, I seemed stuck on verifying my solution

[LieutenantRoger]

https://take.ms/65T7f

[luizrrodrigues]

Use these step to deploy / start:

npm install
npm run build
npm start

And make sure to use node v8.16.0

[LieutenantRoger]

Thanks, turns out I need to rebuild it. Here' the MR: #85

[LieutenantRoger]

I assume we can ignore the CI error ? as I didn't find a .circleci file, so not sure navigation-component should run though the CI after we made a commit.

[luizrrodrigues]

@LieutenantRoger Yep, ignore this for now.

[luizrrodrigues]

@LieutenantRoger Please create a new MR.

[LieutenantRoger]

Ok, here it is: #145

I thought I have pushed the fix, looks the MR need to be re-created.

[luizrrodrigues]

@LieutenantRoger Yes, because old MR was merged. :)
Thanks.

[luizrrodrigues]

@LieutenantRoger Not working well:

Missing arrow:

Screen Recording 2020-01-25 at 00.38.16.mov.zip

Showing arrow (need don't show here):

[LieutenantRoger]

@luizrrodrigues

Could you please rephrase the requirement ? I'm more confusing than before.
Based on what rule, the choosing arrow should display, thanks.

[luizrrodrigues]

@LieutenantRoger Based in your solution I have fixed the issue (just changed the right variables to show hide Arrow)

1db2f1d

Thanks.

[LieutenantRoger]

Great, thanks.

[SathyaJayabal]

This issue still exists.
#62 (comment)
But I will tag it with #101 as it seems related.

[luizrrodrigues]

@SathyaJayabal I think original issue was fixed here, if remain issue is related with "More" button, let close this one and track in #101

[SathyaJayabal]

Yes, I am just going to mark this as pass after I have linked the issue

[macs054]

Verified in Beta

[SathyaJayabal]

verified on prod