DP-10502: Adding ButtonFixedFeedback component (#274)

* DP-10502: Adding ButtonFixedFeedback component

* DP-10502: changelog

changelogs/DP-10502.text

@@ -0,0 +1,4 @@
+___DESCRIPTION___
+Added
+Minor
+- (React) DP-10502: Adds ButtonFixedFeedback component.

react/src/components/atoms/buttons/ButtonFixedFeedback/ButtonFixedFeedback.stories.js

@@ -0,0 +1,19 @@
+import React from 'react';
+
+import { storiesOf } from '@storybook/react';
+import { withInfo } from '@storybook/addon-info';
+import { withKnobs, text } from '@storybook/addon-knobs/react';
+
+import ButtonFixedFeedback from './index';
+
+storiesOf('atoms/buttons', module)
+  .addDecorator(withKnobs)
+  .add('ButtonFixedFeedback', withInfo(`<div>A fixed position feedback button</div>`)(() => {
+    const props = {
+      href: text('ButtonFixedFeedbackOptions.href', '#'),
+      text: text('ButtonFixedFeedbackOptions.text', 'Feedback')
+    };
+    return(
+      <ButtonFixedFeedback {...props} />
+    );
+  }));

react/src/components/atoms/buttons/ButtonFixedFeedback/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import './style.css';
+
+const ButtonFixedFeedback = (props) => (
+  <div
+    className="ma__fixed-feedback-button"
+  >
+    <a href={props.href}>{props.text}</a>
+  </div>
+);
+
+ButtonFixedFeedback.propTypes = {
+  href: PropTypes.string,
+  text: PropTypes.string
+}
+
+ButtonFixedFeedback.defaultProps = {
+  href: '#',
+  text: 'Feedback',
+}
+
+export default ButtonFixedFeedback;

react/src/components/atoms/buttons/ButtonFixedFeedback/style.scss

@@ -0,0 +1,3 @@
+@import 'global';
+@import '00-base/z-index';
+@import "01-atoms/fixed-feedback-button";

react/src/index.js

@@ -13,6 +13,7 @@ export Button from './components/atoms/buttons/Button';
 export ButtonSort from './components/atoms/buttons/ButtonSort';
 export ButtonToggle from './components/atoms/buttons/ButtonToggle';
 export ButtonWithIcon from './components/atoms/buttons/ButtonWithIcon';
+export ButtonFixedFeedback from './components/atoms/buttons/ButtonFixedFeedback';
 // @atoms/@forms
 export HelperText from './components/atoms/forms/HelperText';
 export ErrorMessage from './components/atoms/forms/ErrorMessage';