9uv0f8oll: Fit mobile videos to the screen without cropping

src/dev/FeedPreview.tsx

@@ -9,19 +9,20 @@ import { DiscoverRailsView } from "@/components/DiscoverRails";
 import { ExpertSearchView } from "@/components/ExpertSearch";
 import { FeedView } from "@/components/FeedView";
 import { toComments } from "@/lib/comment-model";
-import { toCardPosts, type CardPost } from "@/lib/feed-model";
+import { type CardPost } from "@/lib/feed-model";
 import {
   FIXTURE_CATEGORIES,
   FIXTURE_COMMENTS,
   FIXTURE_DISCOVER,
   FIXTURE_FEED_ITEMS,
+  fixtureCards,
   FIXTURE_NOW,
   FIXTURE_PERSON,
   FIXTURE_SEARCH_RESULTS,
 } from "./fixtures";
 
 export function FeedPreview() {
-  const [posts, setPosts] = useState<CardPost[]>(() => toCardPosts(FIXTURE_FEED_ITEMS));
+  const [posts, setPosts] = useState<CardPost[]>(() => fixtureCards(FIXTURE_FEED_ITEMS));
   const [draft, setDraft] = useState("");
   const [file, setFile] = useState<File | null>(null);
   const [query, setQuery] = useState("");
@@ -55,7 +56,7 @@ export function FeedPreview() {
           const it = raw as { post: { id: string } };
           return { ...it, post: { ...it.post, id: `${it.post.id}-page${next}` } };
         });
-        setPosts((cur) => [...cur, ...toCardPosts(items)]);
+        setPosts((cur) => [...cur, ...fixtureCards(items)]);
         setPage(next);
         setPaging(false);
       }, 900);
@@ -152,7 +153,7 @@ export function FeedPreview() {
             list.current?.scrollTo({ top: 0, behavior: "smooth" });
             setRefreshing(true);
             window.setTimeout(() => {
-              setPosts(toCardPosts(FIXTURE_FEED_ITEMS));
+              setPosts(fixtureCards(FIXTURE_FEED_ITEMS));
               setRefreshing(false);
             }, 600);
           }}