Loading Time to display organizations is long and shows 0, implement loading animation

[smsada]

Overview

Organizations take time to appear and populate onto CTI Organization's Page

Details

• When CTI's Organization page is loaded the site does not instantly show all the organizations that are in CTI's database

  • As the database grows and more organizations it makes sense that it will take time to fully update all the information
  • While the database is searched for results, we need a loading icon to indicate that the back-end is working or people with a lack of patience will think that no sites are available and will skip the page completely
    Recreating this issue

• Go to CTI's Organizations Page

• When it first loads, you can see that the number of Affiliated and Unaffiliated organizations are not instantly updated (the numbers in the parentheses should be 0)

• If you have already loaded the page, try refreshing the page and the same should happen

• It may be worthwhile to design a loading animation that can be implemented as the Index continues to grow

Action Items

• [ ] Check if this is a connectivity issue on the user's end or an issue with how this page is implemented
• [ ] Have Organizations load quicker or show loading animation while pages are filtered and searched
  • [ ] Design a loading animation for this page
  • [ ] Or, implement a version to more quickly populate the page with information

Resources/Instructions

• Affected Page
• Recording of Issue: https://drive.google.com/file/d/18eaFAVBNkA5VM5vex7PwR3BCN0RMT6P0/view?usp=sharing

[smsada]

• Use same loading indicator as seen on the Tag Generator page after inputting your Repo URL: