feat: add reward image

src/components/InfoModal.js

@@ -3,6 +3,7 @@ import React from 'react';
 import styled from 'styled-components';
 import GitHubButton from 'react-github-btn';
 import Logo from '../assets/img/logo.png';
+import RewardImage from '../assets/img/reward.jpg';
 import BounceInDown from './animates/BounceInDown';
 
 const Wrapper = styled.section`
@@ -67,7 +68,7 @@ const Wrapper = styled.section`
         padding: 0 0.4rem;
       }
       &.btns {
-        margin-top: 2rem;
+        margin-top: 0.5rem;
         flex-direction: row;
         justify-content: center;
         text-shadow: none;
@@ -76,6 +77,11 @@ const Wrapper = styled.section`
         }
       }
     }
+    .reward {
+      width: 14rem;
+      border-radius: 0.4rem;
+      box-shadow: 0px 8px 10px 0px #7b7361;
+    }
   }
 `;
 export default function InfoModal({ closeModal, bgColor }) {
@@ -105,14 +111,9 @@ export default function InfoModal({ closeModal, bgColor }) {
             </a>
           </span>
         </p>
-        <p>
-          <span>
-            Copyright © 2019 by
-            <a href="//yangerxiao.com" target="_blank">
-              Tristan
-            </a>
-          </span>
-        </p>
+
+        <img className="reward" src={RewardImage} alt="reward image" />
+
         {process.env.NODE_ENV === 'production' && (
           <>
             <a
@@ -143,6 +144,14 @@ export default function InfoModal({ closeModal, bgColor }) {
             </p>
           </>
         )}
+        <p>
+          <span>
+            Copyright © 2019 by
+            <a href="//yangerxiao.com" target="_blank">
+              Tristan
+            </a>
+          </span>
+        </p>
       </div>
     </Wrapper>
   );