PPB
Phu Pham Ba

Activity Tab - Copy this React, Tailwind Component to your project

Currently,-the-Activity-tab-in-the-Information-card-just-shows-a-sequential-list-of-activities-that-are-limited-to-5,-10-or-20-rows-per-page.-This-makes-it-extremely-difficult-for-a-user-to-find-an-action/activity-that-occurred-at-a-previous-point-in-time-or-find-a-history-of-a-specific-action/activity.-There-should-be-the-ability-to-search-and-filter-on-the-activity-so-a-user-can-filter-down-the-activity-on-the-one-or-multiple-of-the-following-fields:-user,-date,-action.-By-User-means-an-admin-user-should-be-able-to-filter-the-activity-for-all-activities-completed-by-one-or-multiple-users.-By-date-means-an-admin-user-should-be-able-to-filter-for-activity-within-a-particular-date-range-By-action-means-a-user-should-be-able-to-filter-down-to-one-or-multiple-specific-actions-that-have-occurred-on-that-client.-A-user-should-also-be-able-to-filter-on-one-or-many-of-these-criteria.-A-user-should-also-be-able-to-export-the-activity-(either-all-if-no-filter-is-applied,-or-the-filtered-activity-once-a-filter-is-applied)-which-generates-an-Excel-workbook-with-4-columns:-Date,-User,-Action,-Details-for-the-specified-data-set.

Prompt
Component Preview

About

ActivityTab - Easily view, filter, and search activity logs by user, date, or action. Built with React and Tailwind. Free code available!

Share

Last updated 1 month ago