diff --git a/docker-compose.yml b/docker-compose.yml
index 6342734..c65feaa 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -92,6 +92,7 @@ services:
- AMAZON_WISHLIST=https://www.amazon.co.uk/b?node=22758010031
- APPLE_MUSIC=https://www.apple.com/uk/apple-music/
- YOUTUBE_MUSIC=https://music.youtube.com/playlist?list=
+ - VENMO=https://venmo.com/
- STATUS=https://status.im/
- MATRIX=https://matrix.to/
- ANILIST=https://anilist.co/
diff --git a/public/css/brands.css b/public/css/brands.css
index 2ea2ba2..fe992bc 100644
--- a/public/css/brands.css
+++ b/public/css/brands.css
@@ -435,6 +435,12 @@ button {
background-color: #000000;
}
+/* Venmo */
+.button.button-venmo {
+ color: #ffffff;
+ background-color: #3d95ce;
+}
+
/* Status */
.button.button-status {
color: #000;
diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js
index abdf58c..a946369 100644
--- a/src/components/Home/Home.js
+++ b/src/components/Home/Home.js
@@ -63,7 +63,8 @@ import streamlabsLogo from '../../icons/streamlabs.svg';
import privatebinLogo from '../../icons/privatebin.svg';
import amazonLogo from '../../icons/amazon.svg';
import applemusicLogo from '../../icons/applemusic.svg';
-import youtubemusiclogo from '../../icons/youtubemusic.svg';
+import youtubemusicLogo from '../../icons/youtubemusic.svg';
+import venmoLogo from '../../icons/venmo.svg';
import statusLogo from '../../icons/status.svg';
import matrixLogo from '../../icons/matrix.svg';
import anilistLogo from '../../icons/anilist.svg';
@@ -697,8 +698,17 @@ function Home(props) {
name="youtubemusic"
href={runtimeConfig.YOUTUBE_MUSIC}
displayName="YouTube Music"
- logo={youtubemusiclogo}
- order={buttonOrder('YOUTUBEMUSIC')}
+ logo={youtubemusicLogo}
+ order={buttonOrder('YOUTUBE_MUSIC')}
+ />
+ )}
+ {runtimeConfig.VENMO && (
+
)}
{runtimeConfig.STATUS && (
diff --git a/src/config.js b/src/config.js
index 9ce9eff..be99898 100644
--- a/src/config.js
+++ b/src/config.js
@@ -107,6 +107,7 @@ export const runtimeConfig =
AMAZON_WISHLIST: window?.env?.AMAZON_WISHLIST,
APPLE_MUSIC: window?.env?.APPLE_MUSIC,
YOUTUBE_MUSIC: window?.env?.YOUTUBE_MUSIC,
+ VENMO: window?.env?.VENMO,
STATUS: window?.env?.STATUS,
MATRIX: window?.env?.MATRIX,
ANILIST: window?.env?.ANILIST,
@@ -403,6 +404,7 @@ export const runtimeConfig =
YOUTUBE_MUSIC: nodeIsProduction
? process.env.YOUTUBE_MUSIC
: process.env.RAZZLE_YOUTUBE_MUSIC,
+ VENMO: nodeIsProduction ? process.env.VENMO : process.env.RAZZLE_VENMO,
STATUS: nodeIsProduction
? process.env.STATUS
: process.env.RAZZLE_STATUS,
diff --git a/src/icons/venmo.svg b/src/icons/venmo.svg
new file mode 100644
index 0000000..c3ff500
--- /dev/null
+++ b/src/icons/venmo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file