Update refer-button.tsx

dubinc · Jan 4, 2025 · 78f874c · 78f874c
1 parent 2e39b20
commit 78f874c
Showing 1 changed file with 2 additions and 16 deletions.
diff --git a/apps/web/ui/layout/sidebar/refer-button.tsx b/apps/web/ui/layout/sidebar/refer-button.tsx
@@ -1,8 +1,6 @@
 "use client";
 
 import { Gift } from "@dub/ui/icons";
-import { cn } from "@dub/utils";
-import { AnimatePresence, motion } from "framer-motion";
 import { useSession } from "next-auth/react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
@@ -21,21 +19,9 @@ export function ReferButton() {
   return (
     <Link
       href="/account/settings/referrals"
-      className={cn(
-        "font-lg relative size-4 shrink-0 overflow-hidden rounded-full transition-all active:scale-90 active:bg-gray-50",
-        "outline-none ring-offset-2 ring-offset-neutral-100 focus-visible:ring-2 focus-visible:ring-black/50",
-      )}
+      className="animate-fade-in size-4 shrink-0 rounded-full"
     >
-      <AnimatePresence>
-        <motion.div
-          className="absolute inset-0 flex items-center justify-center font-medium text-neutral-500 hover:text-neutral-700"
-          initial={{ opacity: 0, scale: 0 }}
-          animate={{ opacity: 1, scale: 1 }}
-          exit={{ opacity: 0, scale: 0 }}
-        >
-          <Gift className="size-4" />
-        </motion.div>
-      </AnimatePresence>
+      <Gift className="size-4" />
     </Link>
   );
 }