GPT

Client-Side Authentication State

// src/components/AuthStatus.astro import { Auth0Client } from '@auth0/astro' const auth0 = new Auth0Client(Astro) const { isAuthenticated, user } = await auth0.isAuthenticated() // Handle authentication state changes

Prompt text

Original English text. Replace placeholders with your own details.

---
// src/components/AuthStatus.astro
import { Auth0Client } from '@auth0/astro'

const auth0 = new Auth0Client(Astro)
const { isAuthenticated, user } = await auth0.isAuthenticated()
---

<script>
 // Handle authentication state changes
 window.addEventListener('auth0:authenticated', (event) => {
 console.log('Authenticated:', event.detail.user)
 })

 window.addEventListener('auth0:logout', () => {
 console.log('Logged out')
 })
</script>

<div>
 {isAuthenticated ? (
 <div>
 <p>Logged in as {user.email}</p>
 <button onclick="window.location.href='/api/auth/logout'">
 Sign Out
 </button>
 </div>
 ) : (
 <button onclick="window.location.href='/api/auth/login'">
 Sign In
 </button>
 )}
</div>

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →