Refactor: hardcoded the premium button text for navbar and premium navbar

Author: a3ryk

src/components/navbar/Main.js

@@ -3,22 +3,6 @@ import { useState, useRef, useEffect } from "react";
 import { FaChevronUp, FaChevronDown } from "react-icons/fa";
 import { Transition } from "@headlessui/react";
 
-const premiumButtonTexts = [
-  "🌟 Upgrade to Premium!",
-  "🚀 Go Premium Now!",
-  "💎 Unlock Premium!",
-  "🔥 Get Premium Access!",
-  "🎉 Join Premium Today!",
-  "🌟 Level Up with Premium!",
-  "💖 Treat Yourself to Premium!",
-  "🚀 Blast Off with Premium!",
-  "🎁 Exclusive Perks Await!",
-  "⭐ Access Premium Features",
-  "💼 Upgrade More Benefits",
-  "🔓 Unlock Exclusive Features",
-  "🎯 Get Best Experience",
-];
-
 export default function Navbar() {
   const [premiumButtonText, setPremiumButtonText] = useState("");
   const [isOpen, setIsOpen] = useState(false);
@@ -28,6 +12,22 @@ export default function Navbar() {
     setIsOpen(!isOpen);
   };
 
+  const premiumButtonTexts = [
+    "🌟 Upgrade to Premium!",
+    "🚀 Go Premium Now!",
+    "💎 Unlock Premium!",
+    "🔥 Get Premium Access!",
+    "🎉 Join Premium Today!",
+    "🌟 Level Up with Premium!",
+    "💖 Treat Yourself to Premium!",
+    "🚀 Blast Off with Premium!",
+    "🎁 Exclusive Perks Await!",
+    "⭐ Access Premium Features",
+    "💼 Upgrade More Benefits",
+    "🔓 Unlock Exclusive Features",
+    "🎯 Get Best Experience",
+  ];
+
   // Select a random button text on each render
   useEffect(() => {
     setPremiumButtonText(
@@ -77,7 +77,7 @@ export default function Navbar() {
             href="/premium"
             className="text-white font-medium px-4 py-2 rounded-md bg-gray-800 hover:bg-white hover:text-gray-900 transition duration-300 border border-gray-600"
           >
-            <span className="text-lg">{premiumButtonText}</span>
+            <span className="text-lg">🎁 Upgrade to Premium!</span>
           </Link>
         </div>
       </div>

src/components/navbar/Premium.js

@@ -146,8 +146,8 @@ export default function PremiumNavbar() {
             href="/premium"
             className="text-gray-900 font-medium px-4 py-2 rounded-md bg-white border border-gray-600 transition duration-300 hover:bg-gray-800 hover:text-white"
           >
-            {/* <span className="text-lg">💎 Unlock Premium!</span> */}
-            <span className="text-lg">{premiumButtonText}</span>
+            <span className="text-lg">💎 Unlock Premium!</span>
+            {/* <span className="text-lg">{premiumButtonText}</span> */}
           </Link>
         </div>
       </div>