Progress

app/javascript/gabsocial/components/panel/sign_up_panel.js

@@ -1,12 +1,13 @@
-import { injectIntl, defineMessages } from 'react-intl';
-import { me } from '../../initial_state';
-import PanelLayout from './panel_layout';
+import { injectIntl, defineMessages } from 'react-intl'
+import { me } from '../../initial_state'
+import Button from '../button'
+import PanelLayout from './panel_layout'
 
 const messages = defineMessages({
   title: { id: 'signup_panel.title', defaultMessage: 'New to Gab?' },
   subtitle: { id: 'signup_panel.subtitle', defaultMessage: 'Sign up now to speak freely.' },
-  register: { id: 'account.register', defaultMessage: 'Sign up?' },
-});
+  register: { id: 'account.register', defaultMessage: 'Sign up' },
+})
 
 export default @injectIntl
 class SignUpPanel extends PureComponent {
@@ -15,16 +16,17 @@ class SignUpPanel extends PureComponent {
   }
 
   render() {
-    if (me) return null;
+    // : TESTING :
+    if (!me) return null
 
-    const { intl } = this.props;
+    const { intl } = this.props
 
     return (
-      <PanelLayout title={intl.formatMessage(messages.title)}>
-        <span className='panel__subtitle'>{intl.formatMessage(messages.subtitle)}</span>
-        <div className='panel__form'>
-          <a className='button' href="/auth/sign_up">{intl.formateMessage(messages.register)}</a>
-        </div>
+      <PanelLayout
+        title={intl.formatMessage(messages.title)}
+        subtitle={intl.formatMessage(messages.subtitle)}
+      >
+        <Button href="/auth/sign_up">{intl.formatMessage(messages.register)}</Button>
       </PanelLayout>
     )
   }