src/components/FeedView.tsx

@@ -4,7 +4,7 @@ import type { ReactNode, Ref } from "react";
 import { canDelete, type CardPost } from "@/lib/feed-model";
 import type { DiscoverExpert, DiscoverMinnect } from "@/lib/discover";
 import { Composer, type ComposerProps } from "./Composer";
-import { GrowButton, IconButton } from "./Buttons";
+import { GrowButton, IconButton, SweepButton } from "./Buttons";
 import { PostCard } from "./PostCard";
 import { useCompactLayout } from "./layout-context";
 import { MobileFeed, type CurrentSlide } from "./MobileFeed";
@@ -142,7 +142,7 @@ export function FeedView(p: FeedViewProps) {
       <FeedPanel onRefresh={p.onRefresh}>
         <div className="feed-message" role="alert">
           <p>The feed did not load.</p>
-          <button type="button" onClick={p.onRetry}>Try again</button>
+          <SweepButton label="Try again" onClick={p.onRetry} />
         </div>
       </FeedPanel>
     );
@@ -176,7 +176,7 @@ export function FeedView(p: FeedViewProps) {
         {p.loadMoreFailed ? (
           <div className="feed-message" role="alert">
             <p>The feed did not load.</p>
-            <button type="button" onClick={p.onRetry}>Try again</button>
+            <SweepButton label="Try again" onClick={p.onRetry} />
           </div>
         ) : null}
         {p.loadingMore ? <SkeletonCard /> : null}

src/components/MobileFeed.tsx

@@ -2,7 +2,7 @@
 
 import { useCallback, useEffect, useRef, useState, type MouseEvent, type Ref } from "react";
 import { canDelete, formatDuration, isPlayableVideo, relativeTime, type CardMedia, type CardPost } from "@/lib/feed-model";
-import { GrowButton } from "./Buttons";
+import { GrowButton, SweepButton } from "./Buttons";
 import { HexAvatar } from "./HexAvatar";
 import { PlayIcon, PostMenu } from "./PostCard";
 import { VideoPlayer } from "./VideoPlayer";
@@ -438,7 +438,7 @@ export function MobileFeed(p: FeedViewProps) {
         {p.status === "error" ? (
           <section className="slide slide-message is-cur" data-index={0} role="alert">
             <p>The feed did not load.</p>
-            <button type="button" onClick={p.onRetry}>Try again</button>
+            <SweepButton label="Try again" onClick={p.onRetry} />
           </section>
         ) : null}
         {p.status === "ready" && p.posts.length === 0 && !showLoad ? (
@@ -457,7 +457,7 @@ export function MobileFeed(p: FeedViewProps) {
         {p.status === "ready" && p.loadMoreFailed ? (
           <section className="slide slide-message" data-index={slideCount} role="alert">
             <p>The feed did not load.</p>
-            <button type="button" onClick={p.onRetry}>Try again</button>
+            <SweepButton label="Try again" onClick={p.onRetry} />
           </section>
         ) : null}
         {showLoad ? (