Update Result Page

app/results/page.tsx

@@ -88,13 +88,13 @@ function ResultsPageContent() {
     if (selectedEventId) {
       fetchEventDetails(selectedEventId, false)
       fetchResults(selectedEventId, false)
-      
+
       // Set up interval for live updates every 10 seconds
       const interval = setInterval(() => {
         fetchEventDetails(selectedEventId, true)
         fetchResults(selectedEventId, true)
       }, 10000) // 10 seconds
-      
+
       // Cleanup interval on unmount or when selectedEventId changes
       return () => clearInterval(interval)
     }
@@ -459,6 +459,17 @@ function ResultsPageContent() {
                   <div className="space-y-6 mb-8 animate-fade-in-up">
                     {/* Event Overview */}
                     <Card data-fullscreen-target="event-overview" className="relative">
+                      {/* Logo for Fullscreen Mode */}
+                      <div className="fullscreen-logo">
+                        <Image
+                          src="/logo.jpeg"
+                          alt="Logo"
+                          width={80}
+                          height={80}
+                          className="rounded-lg shadow-lg"
+                        />
+                      </div>
+
                       <CardHeader className="card-header">
                             <div className="flex items-center justify-center gap-3 mb-2">
                               {isRefreshing && (
@@ -534,6 +545,17 @@ function ResultsPageContent() {
 
                 {/* Show Results Button */}
                 <Card data-fullscreen-target="reveal-results" className="relative">
+                  {/* Logo for Fullscreen Mode */}
+                  <div className="fullscreen-logo">
+                    <Image
+                      src="/logo.jpeg"
+                      alt="Logo"
+                      width={80}
+                      height={80}
+                      className="rounded-lg shadow-lg"
+                    />
+                  </div>
+
                   <CardContent className="text-center py-16 reveal-content">
                     <Button
                       onClick={() => {
@@ -605,8 +627,9 @@ function ResultsPageContent() {
                       </div>
                     )}
 
-                    <Trophy className="h-16 w-16 text-blue-500 mx-auto mb-6 trophy-icon" />
-                    <h2 className="text-2xl font-bold mb-4 reveal-title">Ready to Reveal Results?</h2>
+                    {/* Trophy icon for normal mode */}
+                    <Trophy className="h-16 w-16 text-blue-500 mx-auto mb-6 trophy-icon-normal" />
+                    <h2 className="text-2xl font-bold mb-4 reveal-title">{selectedEvent?.title}</h2>
                     <p className="text-gray-600 mb-8 reveal-description">
                       Click the button below to see the voting results for "{selectedEvent?.title}"
                     </p>
@@ -629,6 +652,17 @@ function ResultsPageContent() {
 
             {/* Results Container - Wraps both countdown and results for seamless fullscreen */}
             <div data-fullscreen-target="results-container" className="results-fullscreen-container">
+              {/* Logo for Fullscreen Mode */}
+              <div className="fullscreen-logo">
+                <Image
+                  src="/logo.jpeg"
+                  alt="Logo"
+                  width={80}
+                  height={80}
+                  className="rounded-lg shadow-lg"
+                />
+              </div>
+
               {/* Countdown Animation */}
               {showCountdown && (
                 <Card className="relative countdown-card">