Skip to content

feat: Add API integration using Tanstack Query and implement generic API fetcher with dynamic headers

Abhishek Paspunuri requested to merge ui_feature_api-integration-setup into dev

User description

feat: Add API integration using Tanstack Query and implement generic API fetcher with dynamic headers


PR Type

Enhancement


Description

  • Add TanStack Query integration with generic fetcher

  • Implement query hooks for KIR and Lucy logs

  • Create return management queries for KIR

  • Update logs page to use KIRLogs model


Diagram Walkthrough

flowchart LR
  A["Generic Fetcher"] --> B["Query Keys"]
  B --> C["KIR Queries"]
  B --> D["Lucy Queries"]
  B --> E["Storefront Queries"]
  C --> F["Logs Page"]
  A --> G["Dynamic Headers"]

File Walkthrough

Relevant files
Enhancement
17 files
queryKeys.ts
Add common query keys for storefront                                         
+3/-0     
useStorefrontQuery.ts
Create storefront query hook with TanStack Query                 
+15/-0   
useLogsQuery.ts
Add KIR logs query hook                                                                   
+15/-0   
useReturnQueries.ts
Create return management query hooks                                         
+27/-0   
queryKeys.ts
Define KIR query keys structure                                                   
+14/-0   
useLogsQuery.ts
Add Lucy logs query hook                                                                 
+15/-0   
queryKeys.ts
Define Lucy query keys structure                                                 
+4/-0     
fetcher.ts
Implement generic API fetcher with headers                             
+32/-0   
getHeaders.ts
Create dynamic headers helper function                                     
+13/-0   
LogDetailsColumns.tsx
Update columns to use KIRLogs model                                           
+8/-8     
page.tsx
Integrate TanStack Query for logs data                                     
+23/-14 
page.tsx
Add placeholder account mapping page                                         
+8/-0     
page.tsx
Add placeholder cart configs page                                               
+8/-0     
page.tsx
Add placeholder loggers page                                                         
+8/-0     
page.tsx
Add placeholder order configs page                                             
+8/-0     
page.tsx
Add placeholder roles page                                                             
+8/-0     
page.tsx
Update Lucy root to use Dashboard component                           
+4/-7     
Miscellaneous
1 files
logsData.ts
Comment out mock logs data                                                             
+181/-181
Bug fix
1 files
Playground.tsx
Fix typo in isRequired prop                                                           
+1/-1     
Dependencies
1 files
package.json
Add TanStack React Query dependency                                           
+1/-0     
Configuration changes
1 files
tsconfig.json
Update path mappings and add services alias                           
+6/-5     
Additional files
2 files
.gitkeep [link]   
useReturnMutations.ts [link]   

Edited by Rashmi Gaddam

Merge request reports

Loading