Study Activity Log for UX Research Platform

I'll create an activity log component for your UX research platform that tracks all changes made to studies with timestamps and user attribution. This will function as a changelog to provide transparency and accountability for your research studies.

How the Activity Log System Works

I've created a comprehensive activity logging system for your UX research platform that tracks all changes made to studies. Here's how it works:

1. Activity Logging:

   • Every change to a study (plan updates, moderator changes, calendar events, incentives) is recorded with a timestamp and user attribution
   • The lib/activity-logger.ts utility provides functions to log activities across your application

2. Activity Display:

   • A dedicated activity page shows the complete history of changes
   • Activities are displayed in a timeline format with visual indicators for different types of changes
   • Users can filter activities by type (plan changes, moderator changes, etc.)

3. Integration Points:

   • The activity feed is embedded on the study overview page to show recent changes
   • A dedicated tab in the study navigation provides access to the full activity history
   • The API endpoints allow for retrieving and logging activities

4. Implementation Details:

   • Each activity includes: type, description, timestamp, and user information
   • Activities are color-coded by type for easy visual scanning
   • The system is designed to be extensible for additional activity types

How to Use This in Your Application

To implement this in your application:

1. Call the logActivity function whenever a change is made to a study:

2. Use the ActivityFeed component to display activities in any part of your UI:

3. The system automatically handles fetching, displaying, and formatting the activity data.