diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2022-08-13 00:09:40 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-08-13 00:09:40 -0700 |
| commit | d54588c7a4adfa05969713111d36673f3a9b988e (patch) | |
| tree | 3f41bf5171a9121517ced0f0e49160b3d86e932e /examples/blog/src/components/LikeButton.tsx | |
| parent | d4b06f9d8e5d62893743b191c6bd108fc33b7805 (diff) | |
| download | astro-d54588c7a4adfa05969713111d36673f3a9b988e.tar.gz astro-d54588c7a4adfa05969713111d36673f3a9b988e.tar.zst astro-d54588c7a4adfa05969713111d36673f3a9b988e.zip | |
Update: blog template (#4283)
* add new blog template
* update placeholder images
* use svg favicon
* Update examples/blog/src/pages/blog/using-mdx.mdx
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
* fred pass
* more fred pass
Co-authored-by: Nate Moore <nate@astro.build>
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
Diffstat (limited to 'examples/blog/src/components/LikeButton.tsx')
| -rw-r--r-- | examples/blog/src/components/LikeButton.tsx | 35 |
1 files changed, 0 insertions, 35 deletions
diff --git a/examples/blog/src/components/LikeButton.tsx b/examples/blog/src/components/LikeButton.tsx deleted file mode 100644 index 23d8518de..000000000 --- a/examples/blog/src/components/LikeButton.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import { useState } from 'preact/hooks'; - -interface Props { - pageUrl: string; -} - -export default function LikeButton({ pageUrl }: Props) { - const persistedLike = localStorage.getItem(`liked-${pageUrl}`); - const [liked, setLiked] = useState(persistedLike ? JSON.parse(persistedLike) : false); - - function toggleLike() { - const toggled = !liked; - setLiked(toggled); - // preserve your likes as you navigate the site - localStorage.setItem(`liked-${pageUrl}`, JSON.stringify(toggled)); - } - - return ( - <button onClick={toggleLike}> - <svg - xmlns="http://www.w3.org/2000/svg" - xmlnsXlink="http://www.w3.org/1999/xlink" - width="1em" - height="1em" - viewBox="0 0 24 24" - > - {/* fill the heart when liked ♥ */} - <path - fill={liked ? 'red' : '#ccc'} - d="m12 21.35l-1.45-1.32C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5c0 3.77-3.4 6.86-8.55 11.53L12 21.35Z" - ></path> - </svg> - </button> - ); -} |