astro Architecture Docs
Home / File/ Logout.tsx — astro Source File

Logout.tsx — astro Source File

Architecture documentation for Logout.tsx, a tsx file in the astro codebase. 2 imports, 0 dependents.

File tsx E2ETesting TestFixtures 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  52514a49_ffb0_5c57_66fe_4aa4499eed52["Logout.tsx"]
  58a2600d_f5df_9651_e0d8_9010ddeef24d["astro:actions"]
  52514a49_ffb0_5c57_66fe_4aa4499eed52 --> 58a2600d_f5df_9651_e0d8_9010ddeef24d
  2bb760ca_2c60_fa41_0d3c_8cc857eec5ac["client"]
  52514a49_ffb0_5c57_66fe_4aa4499eed52 --> 2bb760ca_2c60_fa41_0d3c_8cc857eec5ac
  style 52514a49_ffb0_5c57_66fe_4aa4499eed52 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { actions } from 'astro:actions';
import { navigate } from 'astro:transitions/client';

export function Logout() {
	return (
		<button
			data-testid="logout-button"
			onClick={async () => {
				const { error } = await actions.logout();
				if (!error) navigate('/blog/');
			}}
		>
			Logout
		</button>
	);
}

Domain

Subdomains

Functions

Dependencies

  • astro:actions
  • client

Source

Frequently Asked Questions

What does Logout.tsx do?
Logout.tsx is a source file in the astro codebase, written in tsx. It belongs to the E2ETesting domain, TestFixtures subdomain.
What functions are defined in Logout.tsx?
Logout.tsx defines 1 function(s): Logout.
What does Logout.tsx depend on?
Logout.tsx imports 2 module(s): astro:actions, client.
Where is Logout.tsx in the architecture?
Logout.tsx is located at packages/astro/e2e/fixtures/actions-blog/src/components/Logout.tsx (domain: E2ETesting, subdomain: TestFixtures, directory: packages/astro/e2e/fixtures/actions-blog/src/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free