refactor(buy-more): Remove motion effects from BuyMorePage and delete unused loading component

This commit is contained in:
Anish Sarkar 2026-06-04 12:15:34 +05:30
parent 2a13b3777a
commit 1fb15cb0e4
2 changed files with 2 additions and 18 deletions

View file

@ -1,6 +1,5 @@
"use client"; "use client";
import { motion } from "motion/react";
import { useState } from "react"; import { useState } from "react";
import { BuyPagesContent } from "@/components/settings/buy-pages-content"; import { BuyPagesContent } from "@/components/settings/buy-pages-content";
import { BuyTokensContent } from "@/components/settings/buy-tokens-content"; import { BuyTokensContent } from "@/components/settings/buy-tokens-content";
@ -17,12 +16,7 @@ export default function BuyMorePage() {
const [activeTab, setActiveTab] = useState<TabId>("pages"); const [activeTab, setActiveTab] = useState<TabId>("pages");
return ( return (
<motion.div <div className="w-full select-none">
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.3 }}
className="w-full select-none"
>
<Tabs <Tabs
value={activeTab} value={activeTab}
onValueChange={(value) => { onValueChange={(value) => {
@ -49,6 +43,6 @@ export default function BuyMorePage() {
<BuyTokensContent /> <BuyTokensContent />
</TabsContent> </TabsContent>
</Tabs> </Tabs>
</motion.div> </div>
); );
} }

View file

@ -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>
);
}