From b4082032ba3828c99cebbe9b2c5621eb9f440d07 Mon Sep 17 00:00:00 2001
From: ahaapple <work@ahaapple.com>
Date: Sun, 22 Dec 2024 21:30:30 +0800
Subject: [PATCH] Remove featurebase

---
 frontend/app/[locale]/(search)/layout.tsx     |  5 --
 frontend/components/featurebase.tsx           | 68 -------------------
 frontend/components/layout/mobile-footer.tsx  |  8 +--
 frontend/components/layout/product-footer.tsx |  1 -
 .../components/layout/simple-site-footer.tsx  |  1 -
 frontend/components/search/action-buttons.tsx |  1 -
 6 files changed, 1 insertion(+), 83 deletions(-)
 delete mode 100644 frontend/components/featurebase.tsx

diff --git a/frontend/app/[locale]/(search)/layout.tsx b/frontend/app/[locale]/(search)/layout.tsx
index 8593c35a..c7ae78b7 100644
--- a/frontend/app/[locale]/(search)/layout.tsx
+++ b/frontend/app/[locale]/(search)/layout.tsx
@@ -7,10 +7,6 @@ interface MarketingLayoutProps {
     children: React.ReactNode;
 }
 
-const Featurebase = dynamic(() => import('@/components/featurebase'), {
-    loading: () => <></>,
-});
-
 const OneTapComponent = dynamic(() => import('@/components/google-one-tap'), {
     loading: () => <></>,
 });
@@ -29,7 +25,6 @@ export default async function MarketingLayout({ children }: MarketingLayoutProps
         <div className="flex flex-col flex-1 min-h-screen">
             <MobileHeader user={user} />
             {!user && <OneTapComponent user={user} />}
-            {user && <Featurebase user={user} />}
             <main className="relative flex h-lvh overflow-hidden">
                 <SidebarDesktop />
                 <SidebarOpen user={user} />
diff --git a/frontend/components/featurebase.tsx b/frontend/components/featurebase.tsx
deleted file mode 100644
index 1e5c1827..00000000
--- a/frontend/components/featurebase.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-'use client';
-import { useEffect } from 'react';
-import Script from 'next/script';
-import { User } from 'next-auth';
-
-interface FeaturebaseProps {
-    user: User;
-}
-
-const Featurebase = ({ user }: FeaturebaseProps) => {
-    useEffect(() => {
-        if (!user) {
-            return;
-        }
-        const win = window as any;
-
-        if (typeof win.Featurebase !== 'function') {
-            win.Featurebase = function () {
-                // eslint-disable-next-line prefer-rest-params
-                (win.Featurebase.q = win.Featurebase.q || []).push(arguments);
-            };
-        }
-        win.Featurebase(
-            'identify',
-            {
-                organization: 'memfree',
-                email: user.email,
-                name: user.name,
-                id: user.email,
-                profilePicture: user.image,
-            },
-            (err) => {
-                if (err) {
-                    console.error(err);
-                } else {
-                    // console.log("Data sent successfully!");
-                }
-            },
-        );
-    }, [user]);
-
-    useEffect(() => {
-        const win = window as any;
-
-        if (typeof win.Featurebase !== 'function') {
-            win.Featurebase = function () {
-                // eslint-disable-next-line prefer-rest-params
-                (win.Featurebase.q = win.Featurebase.q || []).push(arguments);
-            };
-        }
-        win.Featurebase('initialize_changelog_widget', {
-            organization: 'memfree', // Replace this with your featurebase organization name
-            placement: 'top', // Choose between right, left, top, bottom placement (Optional if fullscreenPopup is enabled)
-            theme: 'light', // Choose between dark or light theme
-            fullscreenPopup: true, // Optional - Open a fullscreen announcement of the new feature to the user
-            locale: 'en',
-        });
-    }, []);
-
-    return (
-        <>
-            <Script defer src="https://do.featurebase.app/js/sdk.js" id="featurebase-sdk" strategy="lazyOnload" />
-            <div></div>
-        </>
-    );
-};
-
-export default Featurebase;
diff --git a/frontend/components/layout/mobile-footer.tsx b/frontend/components/layout/mobile-footer.tsx
index 06c2a4ff..a89bbb0d 100644
--- a/frontend/components/layout/mobile-footer.tsx
+++ b/frontend/components/layout/mobile-footer.tsx
@@ -14,13 +14,7 @@ export function MobileFooter() {
                         </Link>
                     </Button> */}
                     <Button variant="ghost" size="icon" asChild>
-                        <Link
-                            data-featurebase-link
-                            href="https://www.memfree.me/feedback"
-                            target="_blank"
-                            aria-label="MemFree Feedback"
-                            data-umami-event="Mobile Feedback Click"
-                        >
+                        <Link href="https://www.memfree.me/feedback" target="_blank" aria-label="MemFree Feedback" data-umami-event="Mobile Feedback Click">
                             <Heart className="size-5 hover:text-primary" />
                         </Link>
                     </Button>
diff --git a/frontend/components/layout/product-footer.tsx b/frontend/components/layout/product-footer.tsx
index 415307f7..1a81d60d 100644
--- a/frontend/components/layout/product-footer.tsx
+++ b/frontend/components/layout/product-footer.tsx
@@ -23,7 +23,6 @@ export function ProductFooter() {
                 <span className="text-gray-300 hidden md:block">|</span>
                 <Link
                     className="font-semibold text-gray-800 dark:text-gray-300 hover:text-primary dark:hover:text-primary text-left md:text-center w-full md:w-auto"
-                    data-featurebase-link
                     href={ReactShadcnUrl}
                 >
                     React Shadcn UI Preview
diff --git a/frontend/components/layout/simple-site-footer.tsx b/frontend/components/layout/simple-site-footer.tsx
index 1deb6327..42c6f6d1 100644
--- a/frontend/components/layout/simple-site-footer.tsx
+++ b/frontend/components/layout/simple-site-footer.tsx
@@ -29,7 +29,6 @@ export function SimpleSiteFooter() {
                 <span className="text-gray-300">|</span>
                 <Link
                     className="text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary hover:font-semibold"
-                    data-featurebase-link
                     href={siteConfig.links.feedback}
                     target="_blank"
                     aria-label="MemFree Feedback"
diff --git a/frontend/components/search/action-buttons.tsx b/frontend/components/search/action-buttons.tsx
index 8263b929..2abcf6d8 100644
--- a/frontend/components/search/action-buttons.tsx
+++ b/frontend/components/search/action-buttons.tsx
@@ -38,7 +38,6 @@ const ActionButtons = ({ content, searchId, msgId, reload, searchType }) => {
                     <TooltipTrigger asChild>
                         <Link
                             href="/feedback"
-                            data-featurebase-link
                             target="_blank"
                             rel="noreferrer"
                             className={cn(