Enable edit mode for `super user`

[harshith-venkatesh]

Enable edit mode for super user || admin user to re-route to /?edit=true on click of button

Requirements

• [x] Show a pencil icon on the top-right of the screen bottom-left of the cards in tasks
• [x] Keep it hidden by default
• [x] Make it visible on the long-press (300ms) of the Option/ALT
• [x] #246

Reach out to @harshith-venkatesh for more information

[Kshashank99]

can i take this task

[Kshashank99]

ETA-15 feb

[harshith-venkatesh]

Questions:

1. What does it mean by super user || admin user, are all members already super user or only AOs or only someone who is working on that particular issue
2. When long pressed of ALT/Option, what all things the user can edit in task section? 
3. How should i start. Do i need to get the design first before working on it? ```

[harshith-venkatesh]

Discussion:

1. Super user || admin , so if you refer to member's API contract, we have roles being assigned upon which certain actions could be performed.
Here: admin is assigned to @ankush  for sure , or it can be different roles in future. Focus should be to ensure the feature is role based.
2. Good question, if you observe status site with params of edit=true .
Admin || Super User as of now has already have an feature where he/she can perform multiple action.
The problem statement here is admin|super user has to manually enter dev=true to ensure the task is performed.
Can we look into the way where on long press click of alt/option we provide an option more like an icon(pencil maybe) which is visible only to admin|super user and it remains visible and enter the edit mode on click of the button to ensure that the process is not tedious.

[harshith-venkatesh]

@Kshashank99 could you post your PR here CC: @whyDontI

[ankushdharkar]

@Maheima Could you follow up with the progress for this please?

[Maheima]

sure

[harshith-venkatesh]

• Currently, super-user need to type it manually to enter edit mode

• We need to automate that when super user clicks for a specific time

• I understand that but how are we figuring out which is the super user and which is not. I want to see the UI of SU how can I do that?

• We need a local backend setup pointed to fire store.

• One thing that can be done is to check the roles of the logged-in user Probably now we can change the role to user/member and test the scenario and once we are confident then make the feature only available for superuser

[Maheima]

Changes requested earlier: The icon was requested to be on the top right of the screen:

• For this, I made changes in layout/index.tsx and pages/index.tsx .
• Was working on solving prop drilling-related issues and making layout as a HOC

After a discussion with @ankushdharkar on 17/08/22, the required icon is to be put on the bottom left of the card:

cc: @harshith-venkatesh

[harshith-venkatesh]

Thanks for the update on the issue @Maheima