fix(badge): Logo in svg

Badge logo now has embed svg
Climb-social · Oct 15, 2015 · e30ecdf · e30ecdf
1 parent ecf8c54
commit e30ecdf
Show file tree

Hide file tree

Showing 7 changed files with 66 additions and 42 deletions.
diff --git a/dist/react-climb-social.js b/dist/react-climb-social.js
diff --git a/dist/react-climb-social.min.js b/dist/react-climb-social.min.js
diff --git a/package.json b/package.json
@@ -50,6 +50,7 @@
     "sass-loader": "^3.0.0",
     "semantic-release": "^4.3.5",
     "style-loader": "^0.12.4",
+    "svg-inline-loader": "^0.3.0",
     "webpack": "^1.10.5",
     "webpack-dev-server": "^1.10.1"
   },

diff --git a/src/components/ClimbBadge.jsx b/src/components/ClimbBadge.jsx
@@ -4,9 +4,13 @@ import React, {Component} from 'react';
 class ClimbBadge extends Component {
 
     render() {
+
+        const logo = require('../img/climb_logo.svg');
+
         return (
-            <a href="http://climb.social/" className="climb-social-badge">
-                <span>Climb.social</span>
+            <a href="http://climb.social/"
+               className="climb-social-badge"
+               dangerouslySetInnerHTML={{__html: logo}}>
             </a>
         );
     }

diff --git a/src/img/climb_logo.svg b/src/img/climb_logo.svg
diff --git a/src/style/main.scss b/src/style/main.scss
@@ -97,9 +97,9 @@ $color-grey-dark: #bcbcbc;
     bottom: 20px;
     right: 20px;
     z-index: 9;
-    background: #A9CAE2 url('../img/climb.social_logo--small.png') center center no-repeat;
+    background-color: #A9CAE2;
     width: 200px;
-    height: 80px;
+    height: 66px;
     border-radius: 5px;
 
     > span {

diff --git a/webpack.config.js b/webpack.config.js
@@ -51,6 +51,11 @@ var webpackConfig = {
                 exclude: /node_modules/,
                 loader: 'file'
             },
+            {
+                test: /\.svg$/,
+                exclude: /node_modules/,
+                loader: 'svg-inline'
+            },
             {
                 test: /\.scss$/,
                 exclude: /node_modules/,