From e120b56e8f1bfeb99ba379630f47ba0b3474d6d9 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 7 Jun 2020 16:55:28 -0500
Subject: [PATCH] /auth/sign_up --> /, fixes #106

---
 app/soapbox/features/ui/components/sign_up_panel.js      | 2 +-
 app/soapbox/features/ui/components/tabs_bar.js           | 2 +-
 app/soapbox/features/ui/components/unauthorized_modal.js | 7 ++++---
 app/styles/components/account-header.scss                | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/soapbox/features/ui/components/sign_up_panel.js b/app/soapbox/features/ui/components/sign_up_panel.js
index 8ebd43fd0..c9497b9e0 100644
--- a/app/soapbox/features/ui/components/sign_up_panel.js
+++ b/app/soapbox/features/ui/components/sign_up_panel.js
@@ -26,7 +26,7 @@ const SignUpPanel = ({ siteTitle, me }) => {
           <FormattedMessage id='signup_panel.subtitle' defaultMessage='Sign up now to discuss.' />
         </span>
         <div className='wtf-panel__form'>
-          <a className='button' href='/auth/sign_up'>
+          <a className='button' href='/'>
             <FormattedMessage id='account.register' defaultMessage='Sign up' />
           </a>
         </div>
diff --git a/app/soapbox/features/ui/components/tabs_bar.js b/app/soapbox/features/ui/components/tabs_bar.js
index bc38eea3a..391ca3a2b 100644
--- a/app/soapbox/features/ui/components/tabs_bar.js
+++ b/app/soapbox/features/ui/components/tabs_bar.js
@@ -159,7 +159,7 @@ class TabsBar extends React.PureComponent {
                 <Link className='tabs-bar__button button' to='/auth/sign_in'>
                   <FormattedMessage id='account.login' defaultMessage='Log In' />
                 </Link>
-                <Link className='tabs-bar__button button button-alternative-2' to='/auth/sign_up'>
+                <Link className='tabs-bar__button button button-alternative-2' to='/'>
                   <FormattedMessage id='account.register' defaultMessage='Sign up' />
                 </Link>
               </div>
diff --git a/app/soapbox/features/ui/components/unauthorized_modal.js b/app/soapbox/features/ui/components/unauthorized_modal.js
index f369568b2..4a7167e6e 100644
--- a/app/soapbox/features/ui/components/unauthorized_modal.js
+++ b/app/soapbox/features/ui/components/unauthorized_modal.js
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
+import { Link } from 'react-router-dom';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import IconButton from 'soapbox/components/icon_button';
 
@@ -42,15 +43,15 @@ class UnauthorizedModal extends ImmutablePureComponent {
             <span className='unauthorized-modal-content__text'>
               <FormattedMessage id='unauthorized_modal.text' defaultMessage='You need to be logged in to do that.' />
             </span>
-            <a href='/auth/sign_up' className='unauthorized-modal-content__button button'>
+            <Link to='/' className='unauthorized-modal-content__button button'>
               <FormattedMessage id='account.register' defaultMessage='Sign up' />
-            </a>
+            </Link>
           </div>
         </div>
         <div className='unauthorized-modal__footer'>
           <FormattedMessage
             id='unauthorized_modal.footer' defaultMessage='Already have an account? {login}.' values={{
-              login: <a href='/auth/sign_in'><FormattedMessage id='account.login' defaultMessage='Log in' /></a>,
+              login: <Link to='/auth/sign_in'><FormattedMessage id='account.login' defaultMessage='Log in' /></Link>,
             }}
           />
         </div>
diff --git a/app/styles/components/account-header.scss b/app/styles/components/account-header.scss
index 380f6f646..7fff5095d 100644
--- a/app/styles/components/account-header.scss
+++ b/app/styles/components/account-header.scss
@@ -18,7 +18,7 @@
     overflow: hidden;
     height: 350px;
     position: relative;
-    background: var(--brand-color--med);
+    background: var(--accent-color--med);
     @media screen and (max-width: 895px) {height: 225px;}
     &--none {height: 125px;}