diff options
| author | Kevin Hoerr <kjhoerr@protonmail.com> | 2022-11-28 17:37:25 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-11-28 17:37:25 -0500 |
| commit | 832794e035705e7f0a5989ce240a385e5ccebf62 (patch) | |
| tree | ed836a8473688545e93270f25697433e77feba20 /src/components/SEO.tsx | |
| parent | 73736f0873017967e78538d42fcfabb60ba8b4a2 (diff) | |
| download | submelon.dev-832794e035705e7f0a5989ce240a385e5ccebf62.tar.gz submelon.dev-832794e035705e7f0a5989ce240a385e5ccebf62.tar.bz2 submelon.dev-832794e035705e7f0a5989ce240a385e5ccebf62.zip | |
Reintegrate GraphQL (#23)
* Use GraphQL for site metadata incl version
* Explicit props for passthrough components
Diffstat (limited to 'src/components/SEO.tsx')
| -rw-r--r-- | src/components/SEO.tsx | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/src/components/SEO.tsx b/src/components/SEO.tsx index 3049810..b13dc19 100644 --- a/src/components/SEO.tsx +++ b/src/components/SEO.tsx @@ -1,19 +1,17 @@ import React from "react"; +import { useSiteMetadata } from "../hooks"; export function Head(): React.ReactElement { - const metaDescription = - "The official website of Kevin Hoerr, developer of websites."; + const { author, description, title } = useSiteMetadata(); + return ( <> - <meta name="twitter:description" content={metaDescription} /> - <meta - name="twitter:title" - content="Kevin J Hoerr <kjhoerr@submelon.tech>" - /> - <meta name="twitter:creator" content="Kevin J Hoerr" /> + <meta name="twitter:description" content={description ?? ""} /> + <meta name="twitter:title" content={title ?? ""} /> + <meta name="twitter:creator" content={author ?? ""} /> <meta name="twitter:card" content="summary" /> - <meta name="description" content={metaDescription} /> - <title>Kevin J Hoerr <kjhoerr@submelon.tech></title> + <meta name="description" content={description ?? ""} /> + <title>{title}</title> </> ); } |