5.1: Create Time Ago Utility

[justin808]

Overview

Create utility for displaying relative time.

Parent Epic: #70
Priority: P1

Prerequisites

• 1.3: Set Up TypeScript Configuration #73 (1.3: Set Up TypeScript Configuration)

Next Issues (after this is complete)

• Can be used by Story and Comment components

Acceptance Criteria

• app/javascript/lib/timeAgo.ts created
• Converts Unix timestamp to relative time string
• Handles: "just now", "X minutes ago", "X hours ago", "X days ago"
• Handles edge cases (future dates, very old dates)
• Unit tests with Jest/Vitest
• TypeScript types exported

Implementation Notes

export function timeAgo(timestamp: number): string {
  const seconds = Math.floor(Date.now() / 1000 - timestamp);
  
  if (seconds < 60) return 'just now';
  if (seconds < 3600) return `${Math.floor(seconds / 60)} minutes ago`;
  if (seconds < 86400) return `${Math.floor(seconds / 3600)} hours ago`;
  return `${Math.floor(seconds / 86400)} days ago`;
}

Note: This could also be done server-side in Ruby (in the presenters). Decide based on where it's most useful.

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and agent prompts for this issue.

• Create Plan

Examples

• Example 1
• Example 2

🔗 Similar & Duplicate Issues

Related Issues

• shakacode/react_on_rails-demos#75
• shakacode/react_on_rails-demos#86
• shakacode/react_on_rails-demos#73
• shakacode/react_on_rails-demos#85
• shakacode/react_on_rails-demos#89

👤 Suggested Assignees

• justin808

---

🧪 Issue enrichment is currently in early access.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false