Merge pull request #750 from aibtcdev/christmas-glow

Christmas glow

Author: biwasxyz

src/app/aidaos/[name]/page.tsx

@@ -45,7 +45,7 @@ function PageContent() {
       <div className="flex justify-center items-center min-h-[400px] w-full">
         <div className="text-center space-y-4">
           <Loader />
-          <p className="text-zinc-400">Loading proposals...</p>
+          <p className="text-zinc-400">Loading contributions...</p>
         </div>
       </div>
     );

src/app/evaluation/page.tsx

@@ -174,10 +174,10 @@ export default function ProposalEvaluationPage() {
         <div className="text-center p-6 bg-destructive/10 border border-destructive/20 rounded-sm max-w-md">
           <AlertCircle className="h-12 w-12 text-destructive mx-auto mb-4" />
           <h2 className="text-xl font-semibold mb-2 text-foreground">
-            Error Loading Proposals
+            Error Loading Contributions
           </h2>
           <p className="text-muted-foreground">
-            Failed to load proposals. Please try again later.
+            Failed to load contributions. Please try again later.
           </p>
         </div>
       </div>

src/app/page.tsx

@@ -46,7 +46,7 @@ function PageContent() {
       <div className="flex justify-center items-center min-h-[400px] w-full">
         <div className="text-center space-y-4">
           <Loader />
-          <p className="text-zinc-400">Loading proposals...</p>
+          <p className="text-zinc-400">Loading contributions...</p>
         </div>
       </div>
     );

src/app/proposals/page.tsx

@@ -40,10 +40,10 @@ export default function AllProposalsPage() {
       <div className="flex justify-center items-center min-h-[200px] w-full">
         <div className="text-center">
           <h2 className="text-xl font-semibold mb-2">
-            Error Loading Proposals
+            Error Loading Contributions
           </h2>
           <p className="text-muted-foreground">
-            Failed to load proposals. Please try again later.
+            Failed to load contributions. Please try again later.
           </p>
         </div>
       </div>

src/components/auth/StacksAuth.tsx

@@ -337,7 +337,11 @@ export default function StacksAuth({
         onClick={handleAuth}
         disabled={isLoading}
         variant="primary"
-        className="flex items-center gap-1 px-2 py-1 sm:px-6 sm:py-3 text-xs sm:text-base font-inter font-bold text-primary-foreground bg-primary rounded-sm sm:rounded-sm hover:scale-105 hover:shadow-lg hover:shadow-primary/20 focus:outline-none focus:ring-2 focus:ring-primary/50 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-300 ease-in-out motion-reduce:transition-none"
+        className="flex items-center gap-1 px-2 py-1 sm:px-6 sm:py-3 text-xs sm:text-base font-inter font-bold text-primary-foreground bg-primary rounded-sm sm:rounded-sm hover:scale-105 focus:outline-none focus:ring-2 focus:ring-primary/50 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-300 ease-in-out motion-reduce:transition-none"
+        style={{
+          boxShadow:
+            "0 0 25px rgba(220, 38, 38, 0.7), 0 0 50px rgba(34, 197, 94, 0.5), 0 0 75px rgba(220, 38, 38, 0.4)",
+        }}
         aria-label={isLoading ? "Connecting wallet" : "Connect wallet"}
       >
         {isLoading ? (

src/components/proposals/ProposalSubmission.tsx

@@ -1236,7 +1236,7 @@ export function ProposalSubmission({
         <div className="flex-1 space-y-6 relative min-h-[250px] md:min-h-0">
           {/* Locked Overlay for Unauthenticated Users */}
           {!hasAccessToken && (
-            <div className="absolute inset-0 bg-zinc-900 rounded-sm flex flex-col items-center justify-center z-10">
+            <div className="absolute inset-0 bg-background rounded-sm flex flex-col items-center justify-center z-10">
               <div className="text-center space-y-4 max-w-md mx-auto px-6">
                 <div className="w-16 h-16 rounded-sm bg-primary/10 flex items-center justify-center mx-auto">
                   <Lock className="w-8 h-8 text-primary" />
@@ -1246,6 +1246,9 @@ export function ProposalSubmission({
                     Connect your testnet Bitcoin Wallet.
                   </h3>
                 </div>
+                <div className="flex justify-center">
+                  <AuthButton buttonText="Connect Wallet" />
+                </div>
               </div>
             </div>
           )}
@@ -1717,10 +1720,8 @@ export function ProposalSubmission({
         )}
 
         {/* Footer CTA */}
-        <div className="pt-6">
-          {!hasAccessToken ? (
-            <AuthButton buttonText="Connect Wallet" />
-          ) : (
+        {hasAccessToken && (
+          <div className="pt-6">
             <div>
               <Button
                 onClick={handleSubmit}
@@ -1809,8 +1810,8 @@ export function ProposalSubmission({
                 )}
               </Button>
             </div>
-          )}
-        </div>
+          </div>
+        )}
       </div>
 
       {/* ----------------------------- Result modal ----------------------------- */}

tailwind.config.ts

@@ -110,11 +110,22 @@ const config: Config = {
             opacity: ".9",
           },
         },
+        "christmas-glow": {
+          "0%, 100%": {
+            boxShadow:
+              "0 0 20px rgba(220, 38, 38, 0.6), 0 0 40px rgba(34, 197, 94, 0.4), 0 0 60px rgba(220, 38, 38, 0.3)",
+          },
+          "50%": {
+            boxShadow:
+              "0 0 30px rgba(34, 197, 94, 0.7), 0 0 50px rgba(220, 38, 38, 0.5), 0 0 70px rgba(34, 197, 94, 0.4)",
+          },
+        },
       },
       animation: {
         "accordion-down": "accordion-down 0.2s ease-out",
         "accordion-up": "accordion-up 0.2s ease-out",
         "pulse-slow": "pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+        "christmas-glow": "christmas-glow 2s ease-in-out infinite",
       },
     },
   },