LikeButton() — astro Function Reference

Architecture documentation for the LikeButton() function in LikeButton.tsx from the astro codebase.

Function tsx CoreAstro RenderingEngine

Entity Profile

CoreAstro→ RenderingEngine→ LikeButton() — astro Function Reference

Dependency Diagram

graph TD
  652e6634_360b_14a7_6f05_94f0e4dd175f["LikeButton()"]
  af83e1b1_5bda_f1a9_a972_956c13d50233["LikeButton.tsx"]
  652e6634_360b_14a7_6f05_94f0e4dd175f -->|defined in| af83e1b1_5bda_f1a9_a972_956c13d50233
  style 652e6634_360b_14a7_6f05_94f0e4dd175f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/performance/fixtures/utils/LikeButton.tsx lines 4–11

export default function LikeButton({ liked: likedInitial }: {liked: boolean}) {
	const [liked, setLiked] = useState(likedInitial);
	return (
		<button onClick={() => setLiked(!liked)}>
			{!liked ? <span>Like ❤️</span> : <span>Unlike 💔</span>}
		</button>
	)
}