+8

src/components/auth.ts

reviewed

··· 273 273 } 274 274 } 275 275 276 276 + public isAuthenticated(): boolean { 277 277 + return this.user !== null; 278 278 + } 279 279 + 280 280 + public openAuthModal() { 281 281 + this.openModal(); 282 282 + } 283 283 + 276 284 private openModal() { 277 285 this.showModal = true; 278 286 this.needsRegistration = false;

+13 -2

src/pages/index.html

reviewed

··· 99 99 <p class="hero-subtitle">AI-powered audio transcription made simple</p> 100 100 101 101 <div class="cta-buttons"> 102 102 - <a href="/transcribe" class="btn btn-primary">Start Transcribing</a> 103 103 - <a href="/settings" class="btn btn-secondary">Settings</a> 102 102 + <button id="start-btn" class="btn btn-primary">Start Transcribing</button> 104 103 </div> 105 104 </main> 106 105 107 106 <script type="module" src="../components/auth.ts"></script> 107 107 + <script type="module"> 108 108 + document.getElementById('start-btn').addEventListener('click', async () => { 109 109 + const authComponent = document.querySelector('auth-component'); 110 110 + const isLoggedIn = await authComponent.isAuthenticated(); 111 111 + 112 112 + if (isLoggedIn) { 113 113 + window.location.href = '/transcribe'; 114 114 + } else { 115 115 + authComponent.openAuthModal(); 116 116 + } 117 117 + }); 118 118 + </script> 108 119 </body> 109 120 110 121 </html>