From 1fb15cb0e44dca3518f1fee569c255e9d10a334d Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Thu, 4 Jun 2026 12:15:34 +0530
Subject: [PATCH] refactor(buy-more): Remove motion effects from BuyMorePage
 and delete unused loading component

---
 .../app/dashboard/[search_space_id]/buy-more/page.tsx  | 10 ++--------
 .../dashboard/[search_space_id]/more-pages/loading.tsx | 10 ----------
 2 files changed, 2 insertions(+), 18 deletions(-)
 delete mode 100644 surfsense_web/app/dashboard/[search_space_id]/more-pages/loading.tsx

diff --git a/surfsense_web/app/dashboard/[search_space_id]/buy-more/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/buy-more/page.tsx
index 74bcaff2e..b4ec015b7 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/buy-more/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/buy-more/page.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import { motion } from "motion/react";
 import { useState } from "react";
 import { BuyPagesContent } from "@/components/settings/buy-pages-content";
 import { BuyTokensContent } from "@/components/settings/buy-tokens-content";
@@ -17,12 +16,7 @@ export default function BuyMorePage() {
 	const [activeTab, setActiveTab] = useState<TabId>("pages");
 
 	return (
-		<motion.div
-			initial={{ opacity: 0, y: 20 }}
-			animate={{ opacity: 1, y: 0 }}
-			transition={{ duration: 0.3 }}
-			className="w-full select-none"
-		>
+		<div className="w-full select-none">
 			<Tabs
 				value={activeTab}
 				onValueChange={(value) => {
@@ -49,6 +43,6 @@ export default function BuyMorePage() {
 					<BuyTokensContent />
 				</TabsContent>
 			</Tabs>
-		</motion.div>
+		</div>
 	);
 }
diff --git a/surfsense_web/app/dashboard/[search_space_id]/more-pages/loading.tsx b/surfsense_web/app/dashboard/[search_space_id]/more-pages/loading.tsx
deleted file mode 100644
index ccb3b35e3..000000000
--- a/surfsense_web/app/dashboard/[search_space_id]/more-pages/loading.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Skeleton } from "@/components/ui/skeleton";
-
-export default function Loading() {
-	return (
-		<div className="flex flex-1 flex-col items-center justify-center gap-4 p-4">
-			<Skeleton className="h-4 w-64" />
-			<Skeleton className="h-32 w-full max-w-2xl rounded-xl" />
-		</div>
-	);
-}