From 78f874c7448d703d6b3e30c6ec5455e75a51ac47 Mon Sep 17 00:00:00 2001
From: Steven Tey <stevensteel97@gmail.com>
Date: Sat, 4 Jan 2025 15:29:18 -0800
Subject: [PATCH] Update refer-button.tsx

---
 apps/web/ui/layout/sidebar/refer-button.tsx | 18 ++----------------
 1 file changed, 2 insertions(+), 16 deletions(-)

diff --git a/apps/web/ui/layout/sidebar/refer-button.tsx b/apps/web/ui/layout/sidebar/refer-button.tsx
index f4d644ede5..5a5660060c 100644
--- 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>
   );
 }