fix: add link to results banner on home

danieljancar · Aug 13, 2024 · e4ffa89 · e4ffa89
1 parent ea9c49c
commit e4ffa89
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/apps/frontend/src/app/features/home/home.component.html b/apps/frontend/src/app/features/home/home.component.html
@@ -87,7 +87,6 @@
       </div>
     </div>
 
-    <!-- Right Side Image -->
     <div
       class="mx-auto mt-16 flex max-w-2xl sm:mt-24 lg:ml-10 lg:mr-0 lg:mt-0 lg:max-w-none lg:flex-none xl:ml-32"
     >
@@ -97,10 +96,11 @@
         >
           <img
             alt="Vote results app preview"
-            class="w-[76rem] rounded-md shadow-2xl ring-1 ring-gray-900/10"
+            class="w-[76rem] rounded-md shadow-2xl ring-1 ring-gray-900/10 cursor-pointer hover:ring-2 hover:ring-indigo-600/50"
             height="400"
             ngSrc="results-preview.png"
             priority="true"
+            routerLink="voting/r/4a6cdc19-33ec-4f6d-adf1-a71a30370027"
             width="890"
           />
         </div>

diff --git a/apps/frontend/src/app/features/home/home.component.ts b/apps/frontend/src/app/features/home/home.component.ts
@@ -1,12 +1,12 @@
 import { Component, OnInit } from '@angular/core'
 import { CommonModule, NgOptimizedImage } from '@angular/common'
 import { FormControl, ReactiveFormsModule } from '@angular/forms'
-import { Router } from '@angular/router'
+import { Router, RouterLink } from '@angular/router'
 
 @Component({
   selector: 'app-home',
   standalone: true,
-  imports: [CommonModule, ReactiveFormsModule, NgOptimizedImage],
+  imports: [CommonModule, ReactiveFormsModule, NgOptimizedImage, RouterLink],
   templateUrl: './home.component.html',
   styleUrl: './home.component.css',
 })