Skip to content

Add refresh button and "Last refreshed at" timestamp to the Manufacturers landing page #1439

@joshdimanteto

Description

@joshdimanteto

Description

Add a refresh button to the Manufacturers landing page in the IMS application. This button should allow users to manually reload the data displayed on the page. Alongside the button, display a "Last refreshed at" timestamp to indicate when the data was last fetched.

Requirements

  • Add a refresh button in a visible and intuitive location on the Manufacturers landing page.
  • Display a "Last refreshed at" timestamp next to the button.
  • Ensure the timestamp updates each time the refresh button is clicked.
  • Use a consistent format for the timestamp (e.g., Last refreshed at: 09 Jun 2025, 10:45 AM).
  • Ensure the refresh logic triggers the same data-fetching process as the initial page load.
  • Style the button and timestamp to match the existing UI design system.

Rationale

This feature improves the user experience by:

  • Allowing users to manually refresh manufacturer data without reloading the entire page.
  • Providing visibility into how current the displayed data is.

Notes

This is the first implementation of the refresh button pattern. The component and logic developed here may be reused across other pages (e.g., catalogue items, systems, etc.).

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions