docs

apps/website/components/dashboard/FeedItemRow.tsx

@@ -2,9 +2,19 @@ import { Activity, Trophy, Medal, UserPlus, Heart, Flag, Play } from 'lucide-rea
 import Button from '@/components/ui/Button';
 import Link from 'next/link';
 import { timeAgo } from '@/lib/utilities/time';
-import { DashboardFeedItemSummaryViewModel } from '@/lib/view-models/DashboardOverviewViewModel';
 
-function FeedItemRow({ item }: { item: DashboardFeedItemSummaryViewModel }) {
+interface FeedItemData {
+  id: string;
+  type: string;
+  headline: string;
+  body?: string;
+  timestamp: string;
+  formattedTime: string;
+  ctaHref?: string;
+  ctaLabel?: string;
+}
+
+function FeedItemRow({ item }: { item: FeedItemData }) {
   const getActivityIcon = (type: string) => {
     if (type.includes('win')) return { icon: Trophy, color: 'text-yellow-400 bg-yellow-400/10' };
     if (type.includes('podium')) return { icon: Medal, color: 'text-warning-amber bg-warning-amber/10' };

apps/website/components/feed/FeedItemCard.tsx

@@ -2,7 +2,17 @@ import { useEffect, useState } from 'react';
 import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
 import Image from 'next/image';
-import type { DashboardFeedItemSummaryViewModel } from '@/lib/view-models/DashboardOverviewViewModel';
+
+interface FeedItemData {
+  id: string;
+  type: string;
+  headline: string;
+  body?: string;
+  timestamp: string;
+  formattedTime: string;
+  ctaHref?: string;
+  ctaLabel?: string;
+}
 
 function timeAgo(timestamp: Date | string): string {
   const date = typeof timestamp === 'string' ? new Date(timestamp) : timestamp;
@@ -16,14 +26,14 @@ function timeAgo(timestamp: Date | string): string {
   return `${diffDays} d ago`;
 }
 
-async function resolveActor(_item: DashboardFeedItemSummaryViewModel) {
+async function resolveActor(_item: FeedItemData) {
   // Actor resolution is not wired through the API in this build.
   // Keep rendering deterministic and decoupled (no core repos).
   return null;
 }
 
 interface FeedItemCardProps {
-  item: DashboardFeedItemSummaryViewModel;
+  item: FeedItemData;
 }
 
 export default function FeedItemCard({ item }: FeedItemCardProps) {
@@ -92,4 +102,4 @@ export default function FeedItemCard({ item }: FeedItemCardProps) {
       </div>
     </div>
   );
-}
+}

apps/website/components/feed/FeedLayout.tsx

@@ -1,9 +1,19 @@
 import Card from '@/components/ui/Card';
-import type { DashboardFeedItemSummaryViewModel } from '@/lib/view-models/DashboardOverviewViewModel';
 import FeedList from '@/components/feed/FeedList';
 import UpcomingRacesSidebar from '@/components/races/UpcomingRacesSidebar';
 import LatestResultsSidebar from '@/components/races/LatestResultsSidebar';
 
+interface FeedItemData {
+  id: string;
+  type: string;
+  headline: string;
+  body?: string;
+  timestamp: string;
+  formattedTime: string;
+  ctaHref?: string;
+  ctaLabel?: string;
+}
+
 type FeedUpcomingRace = {
   id: string;
   track: string;
@@ -20,7 +30,7 @@ type FeedLatestResult = {
 };
 
 interface FeedLayoutProps {
-  feedItems: DashboardFeedItemSummaryViewModel[];
+  feedItems: FeedItemData[];
   upcomingRaces: FeedUpcomingRace[];
   latestResults: FeedLatestResult[];
 }
@@ -53,4 +63,4 @@ export default function FeedLayout({
       </div>
     </section>
   );
-}
+}

apps/website/components/feed/FeedList.tsx

@@ -1,9 +1,19 @@
 import FeedEmptyState from '@/components/feed/FeedEmptyState';
 import FeedItemCard from '@/components/feed/FeedItemCard';
-import type { DashboardFeedItemSummaryViewModel } from '@/lib/view-models/DashboardOverviewViewModel';
+
+interface FeedItemData {
+  id: string;
+  type: string;
+  headline: string;
+  body?: string;
+  timestamp: string;
+  formattedTime: string;
+  ctaHref?: string;
+  ctaLabel?: string;
+}
 
 interface FeedListProps {
-  items: DashboardFeedItemSummaryViewModel[];
+  items: FeedItemData[];
 }
 
 export default function FeedList({ items }: FeedListProps) {
@@ -18,4 +28,4 @@ export default function FeedList({ items }: FeedListProps) {
       ))}
     </div>
   );
-}
+}