From 00731e2265987ea4a3dfdc11e7c9cf1a38055509 Mon Sep 17 00:00:00 2001
From: stabldev <114811070+stabldev@users.noreply.github.com>
Date: Fri, 20 Mar 2026 10:31:38 +0530
Subject: [PATCH 1/3] feat: add bottom page end element

---
 frontend/components/feed.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/components/feed.tsx b/frontend/components/feed.tsx
index 82507cb8..7651d37e 100644
--- a/frontend/components/feed.tsx
+++ b/frontend/components/feed.tsx
@@ -1,5 +1,6 @@
 "use client";
 import { useInfiniteQuery } from "@tanstack/react-query";
+import { CheckCircle2 } from "lucide-react";
 import { Fragment, useEffect } from "react";
 import { useInView } from "react-intersection-observer";
 import { getFeed } from "@/services/feed";
@@ -65,10 +66,20 @@ export default function Feed() {
         </Fragment>
       ))}
 
-      {hasNextPage && (
+      {hasNextPage ? (
         <div ref={ref}>
           <QuibSkeleton mediaClassName="h-20" />
         </div>
+      ) : (
+        <div className="flex flex-col items-center justify-center px-4 py-12 text-center">
+          <div className="relative mb-4 rounded-full border border-primary/20 bg-primary/10 p-3">
+            <CheckCircle2 className="h-8 w-8 text-primary shadow-sm" />
+          </div>
+          <h3 className="font-bold text-foreground">You've reached the end</h3>
+          <p className="max-w-xs text-muted-foreground text-sm">
+            You're all caught up! Why not join some new quiblets to see more?
+          </p>
+        </div>
       )}
     </div>
   );

From 97d4679ce9c90bde0f765b6db75f5fe853ef3137 Mon Sep 17 00:00:00 2001
From: stabldev <114811070+stabldev@users.noreply.github.com>
Date: Fri, 20 Mar 2026 10:35:22 +0530
Subject: [PATCH 2/3] style: disable other quib sorts

---
 frontend/components/quib-header/quib-sort.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/components/quib-header/quib-sort.tsx b/frontend/components/quib-header/quib-sort.tsx
index 51d912c9..c13deab7 100644
--- a/frontend/components/quib-header/quib-sort.tsx
+++ b/frontend/components/quib-header/quib-sort.tsx
@@ -8,18 +8,22 @@ const sortMapping = {
   best: {
     Icon: Rocket,
     label: "Best",
+    isDisabled: false,
   },
   hot: {
     Icon: Flame,
     label: "Hot",
+    isDisabled: true,
   },
   new: {
     Icon: Sparkles,
     label: "New",
+    isDisabled: true,
   },
   top: {
     Icon: CircleArrowOutUpRight,
     label: "Top",
+    isDisabled: true,
   },
 };
 
@@ -46,10 +50,13 @@ export default function QuibSort() {
           <button
             key={key}
             type="button"
-            className="flex items-center gap-2"
             aria-pressed={isActive}
             aria-label={item.label}
-            disabled={isActive}
+            disabled={item.isDisabled}
+            className={cn(
+              "flex items-center gap-2",
+              item.isDisabled && "pointer-events-none opacity-75",
+            )}
             onClick={() => !isActive && setSearchParams("s", key)}
           >
             <item.Icon

From 9f3740bf80a986835a27b37019e672834d3d98d2 Mon Sep 17 00:00:00 2001
From: stabldev <114811070+stabldev@users.noreply.github.com>
Date: Fri, 20 Mar 2026 12:03:54 +0530
Subject: [PATCH 3/3] style: add legal links

---
 frontend/components/quiblet-info.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/components/quiblet-info.tsx b/frontend/components/quiblet-info.tsx
index 3f7087c2..ab1f7555 100644
--- a/frontend/components/quiblet-info.tsx
+++ b/frontend/components/quiblet-info.tsx
@@ -6,6 +6,7 @@ import { useParams } from "next/navigation";
 import { formatDate } from "@/lib/utils";
 import { getQuiblet } from "@/services/quiblet";
 import type { Quiblet } from "@/types/quiblet";
+import LegalLinks from "./legal-links";
 import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
 import { Button } from "./ui/button";
 
@@ -76,6 +77,7 @@ export default function QuibletInfo() {
           </div>
         ))}
       </div>
+      <LegalLinks />
     </aside>
   );
 }