high qualit indicator

trazyn · Oct 14, 2017 · 60e610e · 60e610e
1 parent 50ca8cd
commit 60e610e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/src/js/components/Controller/classes.js b/src/js/components/Controller/classes.js
@@ -160,6 +160,21 @@ export default theme => {
             }
         },
 
+        highquality: {
+            display: 'inline-block',
+            padding: '2px 6px',
+            marginRight: 30,
+            letterSpacing: 1,
+            textTransform: 'uppercase',
+            fontFamily: 'Roboto',
+            fontSize: 12,
+            color: colors.pallet.dribbble,
+            border: `thin solid ${colors.pallet.dribbble}`,
+            textShadow: `0 0 24px ${colors.pallet.dribbble}`,
+            transform: 'translateY(-3px)',
+            zoom: .8,
+        },
+
         liked: { },
 
         mode: {

diff --git a/src/js/components/Controller/index.js b/src/js/components/Controller/index.js
@@ -94,6 +94,16 @@ class Controller extends Component {
                         </div>
 
                         <div className={classes.action}>
+                            {
+                                (song.data && song.data.isFlac) && (
+                                    <span
+                                        className={classes.highquality}
+                                        title="High Quality Music">
+                                        SQ
+                                    </span>
+                                )
+                            }
+
                             {
                                 hasLogin() && (
                                     <i