post actions fixes

src/components/layouts/Post/Action.astro

@@ -6,7 +6,8 @@ type Props = {
   url?: string
 }
 
-const { title, text, url } = Astro.props
+const { title, text, url, icon } = Astro.props
+const Icon = icon
 ---
 
 <style>
@@ -36,6 +37,7 @@ const { title, text, url } = Astro.props
   .action:hover,
   .action:focus {
     cursor: pointer;
+    color: var(--text-color-light);
   }
 
   .action svg {
@@ -49,7 +51,7 @@ const { title, text, url } = Astro.props
 </style>
 
 <a class="action" href={url}>
-  {/* <Icon name={icon} /> */}
+  <Icon />
   <h1 class="actionTitle">{title}</h1>
   <p class="actionText">{text}</p>
 </a>

src/components/layouts/Post/Actions.astro

@@ -2,6 +2,7 @@
 import config from '@config/blog.config.mjs'
 import styles from './Actions.module.css'
 import Action from './Action.astro'
+import { Mastodon, Bitcoin, Github } from '@images/icons'
 
 const githubLink = '?'
 
@@ -10,19 +11,19 @@ const actions = [
     title: 'Have a comment?',
     text: 'Hit me up @krema@mas.to',
     url: config.author.mastodon,
-    icon: 'Mastodon'
+    icon: Mastodon
   },
   {
     title: 'Found something useful?',
     text: 'Say thanks with BTC or ETH',
     url: '/thanks',
-    icon: 'Bitcoin'
+    icon: Bitcoin
   },
   {
     title: 'Edit on GitHub',
     text: 'Contribute to this post',
     url: githubLink,
-    icon: 'GitHub'
+    icon: Github
   }
 ]
 ---