Frontend Conventions: Angular Coding and Architecture

// ✅ Correct — all HTTP through WmsService
constructor(private wms: WmsService) {}

loadReceipts() {
  this.wms.getReceipts(this.companyId).subscribe(data => {
    this.receipts = data;
  });
}

// ❌ Wrong — direct HTTP from a component
constructor(private http: HttpClient) {}

loadReceipts() {
  this.http.get(`${environment.apiUrl}/receipts`).subscribe(...);
}

// ✅ Correct — reading company context through AuthService
constructor(private auth: AuthService, private wms: WmsService) {}

ngOnInit() {
  const companyId = this.auth.getActiveCompanyId();
  this.wms.getInventory(companyId).subscribe(...);
}

// ❌ Wrong — reading token directly from storage
const token = sessionStorage.getItem('token');