Skip to content

Loading state skeleton for fetching table data #2

@Mananwebdev160408

Description

@Mananwebdev160408

Task Description

The UI currently stays static or shows old data while a new table is loading. We need a loading spinner or a skeleton screen to show that data is being fetched.

Goal

Improve perceived performance and UI responsiveness during database fetches.

Files to Look At

  • frontend/src/App.tsx
  • frontend/src/components/views/

Step-by-Step Guidance

  1. Create a isLoading state in the main App or relevant view component.
  2. Set it to true before calling the API and false after the response.
  3. While isLoading is true, render a placeholder (spinner or grey skeleton rows) instead of the data table.

Acceptance Criteria

  • Loading indicator appears immediately after clicking a table/collection.
  • Indicator disappears once data is rendered.

Difficulty

Easy

Metadata

Metadata

Assignees

Projects

Status

Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions