Ingestion Rules: Design Review

Doron Azulay

Figma Design

Actions

1. refresh page button.

2. add rule. ( with form)

3. delete rule.

4. edit rule - Reut.

API

Advantages:

Automatic caching and background refreshes

Integrated loading/error indicators

Support for optimistic updates

key note

Form Modal – Built with Angular FormGroup. Functions as a presentational component: accepts dropdown inputs (if any) and emits events. Modal operations are handled externally (can be triggered from various locations with distinct inputs).

 

Refetch Strategy – Upon each action, invoke invalidateQueries in TanStack to update data.

 

Search Bar – Employs computed signal and filtering logic for dynamic updates.

Ingestion Rules - Design Review

By Doron Azulay

Ingestion Rules - Design Review

  • 11