add player icon

teambebop6 · Jun 30, 2024 · d8fe459 · d8fe459
1 parent 481fc7c
commit d8fe459
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/largier-client/src/default/pages/Home.js b/largier-client/src/default/pages/Home.js
@@ -28,6 +28,7 @@ import Avatar from '../../res/images/avatar.jpg';
 import Header from '../../res/images/headerChurch.jpg';
 import Video from '../../res/images/largier.mp4';
 import InstagramIcon from '../../res/images/instagram.svg';
+import PlayerIcon from '../../res/images/player.svg';
 
 import i18n from '../../i18n';
 
@@ -54,6 +55,19 @@ class Home extends Component {
         <Nav />
         <div className="headerFrame" />
 
+        <Fab
+          icon={
+            <img width={50} src={PlayerIcon} alt="Play music" />
+          }
+          mainButtonStyles={{
+            backgroundColor: 'white',
+            bottom: '74px',
+          }}
+          onClick={() => {
+            window.open('https://on.soundcloud.com/vQ2N8RdFw28KTTjg6');
+          }}
+        />
+
         <Fab
           icon={
             <img width={50} src={InstagramIcon} alt="Go go my Instagram" />

diff --git a/largier-client/src/res/images/player.svg b/largier-client/src/res/images/player.svg