Create useThemeToggle hook in new hooks directory and add import alias

[AVGVSTVS96]

TL;DR

This PR introduces a new hook useThemeToggle and updates the tsconfig.json.

• Create useThemeToggle hook using logic from ModeToggle

• Add hooks directory and @hooks import alias to tsconfig.json

What changed?

A new file useThemeToggle.tsx was added in the new src/hooks/ directory. This hook provides a reusable toggleTheme function that changes the theme between dark and light mode.

The tsconfig.json is updated with an import alias for the new hooks directory.

[cloudflare-workers-and-pages]

Deploying astrosite with    Cloudflare Pages

Latest commit:	afedbe5
Status:	✅  Deploy successful!
Preview URL:	https://52904a2d.astrosite-aid.pages.dev
Branch Preview URL:	https://createusethemetogglehook.astrosite-aid.pages.dev

View logs

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[AVGVSTVS96]

• Use useThemeToggle hook in CommandMenu and ModeToggle #274
• Create useThemeToggle hook in new hooks directory and add import alias #273 👈
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @AVGVSTVS96 and the rest of your teammates on Graphite

[AVGVSTVS96]

Merge activity

• Apr 27, 10:47 PM EDT: @AVGVSTVS96 started a stack merge that includes this pull request via Graphite.
• Apr 27, 10:47 PM EDT: @AVGVSTVS96 merged this pull request with Graphite.