Fixed the parallel API calling for the org details tabs(Cookbooks, Roles and Org edit tabs)

[vinay033]

Signed-off-by: vinay033 [email protected]

🔩 Description: What code changed, and why?

Org details page has different tabs, when we click to a particular tab then all API's calling parallel, on this page we are going to add more tabs so we have to manage like if we click to particular tab then only related API will calling.

I have added changes to separate the API calls, now if we click to particular tab then only specific API is called.

⛓️ Related Resources

#3410

👍 Definition of Done

we have separated the API calls now only specific tabs related API is calling when we clicking to a particular tab.

👟 How to Build and Test the Change

STEP 1
inside the hab studio

[default:/src:0]# build components/automate-ui-devproxy/
[default:/src:0]# start_automate_ui_background
[default:/src:0]# start_all_services

STEP 2
open new window
go to automate UI path

$ cd components/automate-ui
and run the command 

$npm run serve:hab

✅ Checklist

• I have read the CONTRIBUTING document.
• Tests added/updated?
• Docs added/updated?
• All commits have been signed-off for the Developer Certification of Origin.

📷 Screenshots, if applicable

[srenatus]

Haven't gone through all of this, just added something that caught my eye. Sorry for the half-review 😅

[srenatus]

Thanks for addressing my other comments! I'm afraid I have another two small ones to share 😉

[SEAjamieD]

Found a couple duplicates - but overall is looking pretty good 👍

I wasn't able to totally test this out, when I get to an org detail page I have an error, but its because I don't have a valid org setup to check. I used infra_service_load_sample_data -N 10 -S infra-server -O infra-org to set it up - do you happen to have the curl call for 4th coffee that I could use?

[vjeffrey]

@SEAjamieD you'll find the curl call you need to test this out pinned in #automate-infra-views slack -- it's the (currently) 2nd item pinned, from mar 6th

[SEAjamieD]

Seeing a flash of [object, object] populating input fields on details tab when switching back and forth between details

[SEAjamieD]

One of these isn't yours, but would be cool if you could add types for these while you're in here

[vinay033]

I have added types.

[SEAjamieD]

Left a few more comments to address otherwise I think this is looking really good 🎉

[vinay033]

Seeing a flash of [object, object] populating input fields on details tab when switching back and forth between details

I have added a loading spinner on edit org.