From ded7c2eb176cfce44d68bed2ab2665a71d6be609 Mon Sep 17 00:00:00 2001
From: Michael Fatemi <myfatemi04@gmail.com>
Date: Tue, 17 Aug 2021 00:34:33 -0400
Subject: [PATCH] add a donation button to footer

---
 src/components/Footer.tsx | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 24f43a1..d6756ab 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -18,7 +18,28 @@ export default function Footer() {
 			<a href="https://www.linkedin.com/in/nkanchinadam/">Nitin Kanchinadam</a>.
 			Code:{' '}
 			<a href="https://github.com/myfatemi04/wheelshare-frontend">frontend</a>,{' '}
-			<a href="https://github.com/myfatemi04/wheelshare-altbackend">backend</a>
+			<a href="https://github.com/myfatemi04/wheelshare-altbackend">backend</a>{' '}
+			<a
+				href="https://ko-fi.com/michaelfatemi"
+				target="_blank"
+				rel="noopener noreferrer"
+				style={{
+					display: 'inline-block',
+					position: 'relative',
+					backgroundColor: 'rgb(255, 56, 96)',
+					borderRadius: '0.5rem',
+					padding: '0.5em',
+					color: 'white',
+					textDecoration: 'none',
+				}}
+			>
+				<img
+					src="https://ko-fi.com/img/cup-border.png"
+					alt=""
+					style={{ height: '1em' }}
+				/>
+				Donate
+			</a>
 		</div>
 	);
 }