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 && ( +