[Bug]: DwC Occurrence Importer settings modal lags on open when many namespaces set

[LordFlashmeow]

Steps to reproduce the bug

When opening the DWC Occurrence Importer settings modal, each row in the list makes a namespace api query (if it is set/not blank).
If multiple rows are set to the same namespace, it generates duplicate queries which causes significant lag.

Ex: sandwich project Feb Antweb Import in the specimens import, it takes 10+ seconds to open the modal after clicking the button. (It also opens at the bottom of the list instead of the top)

Screenshot

No response

Expected behavior

No response

Additional Screenshots

No response

Environment

• Development (native)
• Development (docker)
• Sandbox
• Production

Sandbox Used

sandwich

Version

all versions

Browser Used

No response

[LocoDelAssembly]

A bit hard to test because I'd need to interrupt your import. However closing the modal and opening settings seemed show up the modal in less than 2 seconds.

Can you reproduce the lag consistently?

[LordFlashmeow]

You can test it while the import's in progress, just hide the import dialog.

I'm getting it consistently, and I encountered it when running TW from my machine as well.

[LocoDelAssembly]

Can I stop the import a bit and resume right after I test this?

[LordFlashmeow]

Go for it. I'm pretty sure the problem is that each Row in Vue runs their own query instead of using something centralized that caches the responses.

[LocoDelAssembly]

Please close any of your tabs, otherwise import starts again (need to fix this).

[LordFlashmeow]

Done

[LocoDelAssembly]

It shows me the modal in less than 3 seconds. However I notice it repeatedly requests the same namespaces multiple times so it is not caching there.

(Pink timing is blocked in browser, not delay at backend)