diff --git a/app/gabsocial/components/button.js b/app/gabsocial/components/button.js
index 2e8cf1cc1..00aeeeae9 100644
--- a/app/gabsocial/components/button.js
+++ b/app/gabsocial/components/button.js
@@ -1,18 +1,22 @@
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
+import { Link } from 'react-router-dom';
+import Icon from './icon';
export default class Button extends React.PureComponent {
static propTypes = {
text: PropTypes.node,
onClick: PropTypes.func,
+ to: PropTypes.string,
disabled: PropTypes.bool,
block: PropTypes.bool,
secondary: PropTypes.bool,
size: PropTypes.number,
className: PropTypes.string,
style: PropTypes.object,
+ icon: PropTypes.string,
children: PropTypes.node,
};
@@ -47,7 +51,7 @@ export default class Button extends React.PureComponent {
'button--block': this.props.block,
});
- return (
+ const btn = (
);
+
+ if (this.props.to) {
+ return (
+
+ {btn}
+
+ );
+ } else {
+ return btn;
+ }
}
}
diff --git a/app/gabsocial/features/account/components/header.js b/app/gabsocial/features/account/components/header.js
index 78b880dfa..4cbd371f1 100644
--- a/app/gabsocial/features/account/components/header.js
+++ b/app/gabsocial/features/account/components/header.js
@@ -213,6 +213,8 @@ class Header extends ImmutablePureComponent {
} else if (account.getIn(['relationship', 'blocking'])) {
actionBtn = ;
}
+ } else {
+ actionBtn = ;
}
return actionBtn;
diff --git a/app/styles/gabsocial/components/buttons.scss b/app/styles/gabsocial/components/buttons.scss
index 0270c1b70..453241ab3 100644
--- a/app/styles/gabsocial/components/buttons.scss
+++ b/app/styles/gabsocial/components/buttons.scss
@@ -1,23 +1,24 @@
button,
a.button {
- &.standard {
+ &.standard {
- // NOTE - will define the larger standard buttons here and apply class where used.
+ // NOTE - will define the larger standard buttons here and apply class where used.
- &-small {
- height: 20px;
- padding: 5px 15px;
- border: none;
- border-radius: 4px;
- @include font-size(11);
- @include line-height(11);
- @include font-weight(bold);
- text-transform: uppercase;
- color: white;
- background: $gab-small-cta-primary;
- }
- }
+ &-small {
+ height: 20px;
+ padding: 5px 15px;
+ border: none;
+ border-radius: 4px;
+ @include font-size(11);
+ @include line-height(11);
+ @include font-weight(bold);
+ text-transform: uppercase;
+ color: white;
+ background: $gab-small-cta-primary;
+ }
+ }
+
+ i.fa {
+ margin-right: 0.6em;
+ }
}
-
-
-