Add LeftMenuFooter component

public/app/components/LeftMenuFooter/index.js

@@ -0,0 +1,23 @@
+/**
+*
+* LeftMenuFooter
+*
+*/
+
+import React from 'react';
+
+import { FormattedMessage } from 'react-intl';
+import messages from './messages';
+import styles from './styles.scss';
+
+class LeftMenuFooter extends React.Component { // eslint-disable-line react/prefer-stateless-function
+  render() {
+    return (
+      <div className={styles.leftMenuFooter}>
+        <FormattedMessage {...messages.header} /> <a href="http://strapi.io" target="_blank">Strapi</a>
+      </div>
+    );
+  }
+}
+
+export default LeftMenuFooter;

public/app/components/LeftMenuFooter/messages.js

@@ -0,0 +1,13 @@
+/*
+ * LeftMenuFooter Messages
+ *
+ * This contains all the text for the LeftMenuFooter component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'app.components.LeftMenuFooter.header',
+    defaultMessage: 'Proudly powered by ',
+  },
+});

public/app/components/LeftMenuFooter/styles.scss

@@ -0,0 +1,16 @@
+// Import
+@import "../../styles/variables/variables";
+
+.leftMenuFooter { /* stylelint-disable */
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  height: 3rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  line-height: 3rem;
+  vertical-align: middle;
+  color: $strapi-gray-light;
+  border-top: 1px solid $strapi-gray;
+  font-size: $font-size-xs;
+}

public/app/components/LeftMenuFooter/tests/index.test.js

@@ -0,0 +1,11 @@
+// import LeftMenuFooter from '../index';
+
+import expect from 'expect';
+// import { shallow } from 'enzyme';
+// import React from 'react';
+
+describe('<LeftMenuFooter />', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

public/app/containers/LeftMenu/index.js

@@ -8,6 +8,7 @@ import React from 'react';
 import { connect } from 'react-redux';
 import LeftMenuHeader from 'components/LeftMenuHeader';
 import LeftMenuLinkContainer from 'components/LeftMenuLinkContainer';
+import LeftMenuFooter from 'components/LeftMenuFooter';
 import styles from './styles.scss';
 
 export class LeftMenu extends React.Component { // eslint-disable-line react/prefer-stateless-function
@@ -16,6 +17,7 @@ export class LeftMenu extends React.Component { // eslint-disable-line react/pre
       <div className={styles.leftMenu}>
         <LeftMenuHeader></LeftMenuHeader>
         <LeftMenuLinkContainer plugins={this.props.plugins}></LeftMenuLinkContainer>
+        <LeftMenuFooter plugins={this.props.plugins}></LeftMenuFooter>
       </div>
     );
   }

public/app/containers/LeftMenu/styles.scss

@@ -6,4 +6,5 @@
   height: 100vh;
   width: $left-menu-width;
   float: left;
+  position: relative;
 }

public/app/styles/variables/variables.bootstrap.scss

@@ -114,7 +114,7 @@ $body-color: $gray-dark !default;
 
 $link-color:            $brand-primary !default;
 $link-decoration:       none !default;
-$link-hover-color:      darken($link-color, 15%) !default;
+$link-hover-color:      $link-color !default;
 $link-hover-decoration: underline !default;
 
 
@@ -167,9 +167,9 @@ $font-family-base:       $font-family-sans-serif !default;
 $font-size-root: 16px !default;
 
 $font-size-base: 1.4rem !default;
-$font-size-lg:   1.25rem !default;
-$font-size-sm:   .875rem !default;
-$font-size-xs:   .75rem !default;
+$font-size-lg:   1.6rem !default;
+$font-size-sm:   1.3rem !default;
+$font-size-xs:   1.1rem !default;
 
 $line-height-base: 1.5 !default;