Implement the status filter on the org homepage

[ecurrencyhodler]

Context

Implement the status filter on the org homepage. It should include:

• Open
• Assigned
• Completed
• Paid

Also make sure that when a user clicks on status, it fires the correct API call and parameters.

The default filter should show bounties of all statuses, all skills (which should be 0 skills selected), and newest bounty first.

Design

Here is the design in figma. Use dev mode if needed.

Acceptance Criteria

• [ ] I've tested on Chrome
• [ ] I've submitted a recording in my pr going through each state
• [ ] I've created a component test that makes sure that when the button is clicked, the correct api call gets made with correct query parameters. Here is an example component test

[AbdulWahab3181]

@ecurrencyhodler could you please assign me this task when it's unblock?

[ecurrencyhodler]

Hey abdul! You have 2 pending bounties. Let's focus on those first.

[Ekep-Obasi]

@ecurrencyhodler I can help with this Can you assign me

[gouravmpk]

I can take this

[ecurrencyhodler]

Both of you have several bounties open.

Ekep let's focus on getting your sort by PR merged and then edit organization one.

[jordan-ae]

@ecurrencyholder I Can take this. One of my PR's is in review and I'm closing in on the second one

[MahtabBukhari]

Could you assign me @ecurrencyhodler?

[ecurrencyhodler]

@MahtabBukhari this is yours. @okhot you have another you requested. you can take that one.

[MahtabBukhari]

Thank you @ecurrencyhodler

[MahtabBukhari]

Hi @ecurrencyhodler, I would like to confirm whether I only need to implement an API call when the user clicks on the STATUS button with default parameters, or if I also need to implement API calls for the 'Open,' 'Assigned,' 'Completed,' and 'Paid' checkboxes when they are clicked?

[ecurrencyhodler]

Just the status button.

[ecurrencyhodler]

Hey @MahtabBukhari I tried testing this on staging and for some reason the bounties displays don't function like they do in your video. Did we have a regression? Can you take a look?

https://github.com/stakwork/sphinx-tribes/assets/32662508/c278b8bc-2934-4674-a8ac-cfefffcfd49d

[MahtabBukhari]

It's weird I think due to merging others code it's effected let me check it what is happening behind the seen. I will update you as soon as possible.

[MahtabBukhari]

Hi @ecurrencyhodler , It is working perfectly in my side at local environment you can see that video https://www.loom.com/share/850c81860e13415c8416bbf80b2c7daa

[MahtabBukhari]

Also the complete check box would be not work becuase at backend side there is no implimentation for that is present at backend only open, assign and paid is implemented yet but not for complete but in my work i have passed the complete parameter if in backend side it is impletemented then in frontend it will be automatically start working.

[ecurrencyhodler]

Hmmm okay. I'm going to have to create a separate issue then.

[ecurrencyhodler]

Looks like staging wasn't updated. Sorry about that. It's working now.

[MahtabBukhari]

Not a problem @ecurrencyhodler 😊