feat: add buy me a coffee link to the footer

juliomalves · Nov 30, 2024 · fc38f92 · fc38f92
1 parent aa24e17
commit fc38f92
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 2 deletions.
diff --git a/components/footer.tsx b/components/footer.tsx
@@ -42,6 +42,12 @@ const Footer = () => {
                     iconId="icon-linkedin"
                     iconTitle="LinkedIn logo"
                 />
+                <FooterLisItem
+                    href="https://buymeacoffee.com/juliomalves"
+                    label="Buy me a Coffee"
+                    iconId="icon-buymeacoffee"
+                    iconTitle="Buy me a Coffee logo"
+                />
             </ul>
             <p className="text-center text-sm">Julio Alves © {currentYear}</p>
         </footer>

diff --git a/components/svg-icon.tsx b/components/svg-icon.tsx
@@ -10,7 +10,7 @@ type SkillType =
     | 'sass'
     | 'tailwindcss'
     | 'typescript'
-type SocialType = 'github' | 'linkedin' | 'stackoverflow' | 'twitter'
+type SocialType = 'github' | 'linkedin' | 'stackoverflow' | 'twitter' | 'buymeacoffee'
 type ThemeIconType = 'moon' | 'sun'
 
 export type IconId = `icon-${SkillType | SocialType | ThemeIconType}`

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "juliomalves.dev",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "author": "Julio Alves",
   "license": "MIT",
   "private": true,

diff --git a/public/images/sprite.svg b/public/images/sprite.svg
diff --git a/tests/specs/components/footer.test.tsx b/tests/specs/components/footer.test.tsx
@@ -13,6 +13,8 @@ describe('GIVEN a <Footer />', () => {
         expect(footer.getByRole('img', { name: 'Stack Overflow logo' })).toBeInTheDocument()
         expect(footer.getByLabelText('LinkedIn')).toHaveAttribute('href', 'https://www.linkedin.com/in/juliomalves')
         expect(footer.getByRole('img', { name: 'LinkedIn logo' })).toBeInTheDocument()
+        expect(footer.getByLabelText('Buy me a Coffee')).toHaveAttribute('href', 'https://buymeacoffee.com/juliomalves')
+        expect(footer.getByRole('img', { name: 'Buy me a Coffee logo' })).toBeInTheDocument()
         expect(footer.getByText(/^Julio Alves © \d{4}$/)).toBeInTheDocument()
     })
 })