title: Sometimes API is taking too long to load
body: <pre><code>@action('Get District')
    async getDistrict(districtId: number, current = false): Promise&lt;IDistrictInfo&gt; {
      this._adminStore.adminDistrictDetailsStore.setLoading(true);
  
      try {
        let district;
        if (current) {
          district = await this._http.get&lt;IDistrictInfo&gt;(`${environment.urls.api}/districts/${districtId}/current`).toPromise();
        } else {
          district = await this._http.get&lt;IDistrictInfo&gt;(`${environment.urls.api}/districts/${districtId}`).toPromise();
        }
        console.log(&quot;district&quot;, district, current)
  
        await this.getSchools(districtId);
        await this.getDistrictPendingCovidData(districtId);
  
        applyTransaction(() =&gt; {
          this._adminStore.adminDistrictDetailsStore.setError(null);
          this._adminStore.adminDistrictDetailsStore.setLoading(false);
          this._adminStore.adminDistrictDetailsStore.update({ district });
        });
  
        return district;
      } catch (e) {
        console.error(e);
        applyTransaction(() =&gt; {
          this._adminStore.adminDistrictDetailsStore.setError(e.message);
          this._adminStore.adminDistrictDetailsStore.setLoading(false);
        });
        return null;
      }
    }
  </code></pre>