From 43b033862a88ad381c598c777bd3f725eaf883b4 Mon Sep 17 00:00:00 2001
From: Danish Arora <danisharora099@gmail.com>
Date: Thu, 20 Nov 2025 15:27:36 -0500
Subject: [PATCH] chore: remix banner to only have devs message

---
 app/src/components/RemixBanner.tsx | 64 +++++++++---------------------
 1 file changed, 19 insertions(+), 45 deletions(-)

diff --git a/app/src/components/RemixBanner.tsx b/app/src/components/RemixBanner.tsx
index 2142be8..d0a453a 100644
--- a/app/src/components/RemixBanner.tsx
+++ b/app/src/components/RemixBanner.tsx
@@ -1,10 +1,9 @@
-import React, { useState } from 'react';
-import { X, Users, Code } from 'lucide-react';
+
+import { X, Code } from 'lucide-react';
 import { useUIState } from '@/hooks';
 
 const RemixBanner = () => {
   const [isDismissed, setIsDismissed] = useUIState('remixBannerDismissed', false);
-  const [activeTab, setActiveTab] = useState<'users' | 'devs'>('users');
 
   if (isDismissed) return null;
 
@@ -12,55 +11,30 @@ const RemixBanner = () => {
     <div className="bg-gradient-to-r from-primary/10 to-primary/5 border-b border-primary/30">
       <div className="max-w-6xl mx-auto px-2 py-2">
         <div className="flex items-center justify-between gap-4">
-          {/* Tab Toggle */}
+          {/* Badge */}
           <div className="flex items-center gap-2 text-[10px]">
-            <button
-              onClick={() => setActiveTab('users')}
-              className={`flex items-center gap-1 px-2 py-1 border transition-colors ${
-                activeTab === 'users'
-                  ? 'border-primary text-primary bg-primary/10'
-                  : 'border-border text-muted-foreground hover:text-foreground hover:border-primary/50'
-              }`}
-            >
-              <Users className="w-3 h-3" />
-              <span className="hidden sm:inline">USERS</span>
-            </button>
-            <button
-              onClick={() => setActiveTab('devs')}
-              className={`flex items-center gap-1 px-2 py-1 border transition-colors ${
-                activeTab === 'devs'
-                  ? 'border-primary text-primary bg-primary/10'
-                  : 'border-border text-muted-foreground hover:text-foreground hover:border-primary/50'
-              }`}
-            >
+            <div className="flex items-center gap-1 px-2 py-1 border transition-colors border-primary text-primary bg-primary/10">
               <Code className="w-3 h-3" />
               <span className="hidden sm:inline">DEVS</span>
-            </button>
+            </div>
           </div>
 
           {/* Message Content */}
           <div className="flex-1 text-[10px] text-foreground">
-            {activeTab === 'users' ? (
-              <p>
-                <span className="text-primary font-semibold">REMIX THIS:</span>{' '}
-                <span className="text-muted-foreground">Use it • Create cells • Post comments • Shape the conversation</span>
-              </p>
-            ) : (
-              <p>
-                <span className="text-primary font-semibold">BUILD YOUR OWN:</span>{' '}
-                <span className="text-muted-foreground">
-                  Write your own UI with the forum library •{' '}
-                  <a 
-                    href="https://opchan.app/docs" 
-                    target="_blank" 
-                    rel="noopener noreferrer"
-                    className="text-primary hover:underline"
-                  >
-                    Docs (WIP)
-                  </a>
-                </span>
-              </p>
-            )}
+            <p>
+              <span className="text-primary font-semibold">BUILD YOUR OWN:</span>{' '}
+              <span className="text-muted-foreground">
+                Write your own UI with the forum library •{' '}
+                <a
+                  href="https://opchan.app/docs"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="text-primary hover:underline"
+                >
+                  Docs (WIP)
+                </a>
+              </span>
+            </p>
           </div>
 
           {/* Dismiss Button */}