Switch buttons for styled links

online-go · Apr 1, 2019 · 72554f5 · 72554f5
1 parent 1f074cf
commit 72554f5
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/src/views/Register/Register.styl b/src/views/Register/Register.styl
@@ -48,15 +48,15 @@
         flex-direction: column;
         align-items: center;
 
-        button.md-icon {
+        a.md-icon {
           display: flex;
           align-items: center;
           padding: 0.5rem;
           background-color: #ffffff;
           width: 100%;
           height: 2.4rem;
           cursor: pointer;
-          &+ button.md-icon {
+          &+ a.md-icon {
               margin-top: .5rem;
           }
 

diff --git a/src/views/Register/Register.tsx b/src/views/Register/Register.tsx
@@ -143,10 +143,10 @@ export class Register extends React.PureComponent<{}, any> {
                         <LineText>{
                             _("or log in to your account:") /* translators: username or password, or sign in to your account */
                         }</LineText>
-                        <button onClick={() => {browserHistory.push(`/sign-in`); }} className="md-icon"><img src="/md-email-outline.svg" alt="Email" /> Login with Email</button>
-                        <button onClick={() => {browserHistory.push(`/login/google/`); }} className="md-icon"><img src="/google-icon.svg" className="google" alt="Google" /> Login with Google</button>
-                        <button onClick={() => {browserHistory.push(`/login/facebook/`); }} className="md-icon"><img src="/facebook-icon.svg" className="facebook" alt="Facebook" /> Login with Facebook</button>
-                        <button onClick={() => {browserHistory.push(`/login/twitter/`); }} className="md-icon"><img src="/md-twitter.svg" className="twitter" alt="Twitter" />Login with Twitter</button>
+                        <a href="/sign-in" className="s btn md-icon"><img src="/md-email-outline.svg" alt="Email" /> Login with Email</a>
+                        <a href="/login/google/" className="s btn md-icon"><img src="/google-icon.svg" className="google" alt="Google" /> Login with Google</a>
+                        <a href="/login/facebook/" className="s btn md-icon"><img src="/facebook-icon.svg" className="facebook" alt="Facebook" /> Login with Facebook</a>
+                        <a href="/login/twitter/" className="s btn md-icon"><img src="/md-twitter.svg" className="twitter" alt="Twitter" />Login with Twitter</a>
                     </div>
                 </Card>
             </div>

diff --git a/src/views/SignIn/SignIn.styl b/src/views/SignIn/SignIn.styl
@@ -88,7 +88,7 @@
     flex-direction: column;
     align-items: center;
 
-    button.md-icon {
+    a.md-icon {
       display: flex;
       align-items: center;
       padding: 0.5rem;
@@ -97,7 +97,7 @@
       height: 2.4rem;
       cursor: pointer;
 
-      &+ button.md-icon {
+      &+ a.md-icon {
         margin-top: .5rem;
       }
 

diff --git a/src/views/SignIn/SignIn.tsx b/src/views/SignIn/SignIn.tsx
@@ -184,9 +184,9 @@ export class SignIn extends React.PureComponent<{}, any> {
                             <LineText>{
                                 _("or log in using another account:") /* translators: username or password, or sign in with social authentication */
                             }</LineText>
-                            <button onClick={() => {browserHistory.push(`/login/google-oauth2/`); }} className="md-icon"><img src="/google-icon.svg" className="google" alt="Google" /> Login with Google</button>
-                            <button onClick={() => {browserHistory.push(`/login/facebook/`); }} className="md-icon"><img src="/facebook-icon.svg" className="facebook" alt="Facebook" /> Login with Facebook</button>
-                            <button onClick={() => {browserHistory.push(`/login/twitter/`); }} className="md-icon"><img src="/md-twitter.svg" className="twitter" alt="Twitter" />Login with Twitter</button>
+                            <a href="/login/google/" className="s btn md-icon"><img src="/google-icon.svg" className="google" alt="Google" /> Login with Google</a>
+                            <a href="/login/facebook/" className="s btn md-icon"><img src="/facebook-icon.svg" className="facebook" alt="Facebook" /> Login with Facebook</a>
+                            <a href="/login/twitter/" className="s btn md-icon"><img src="/md-twitter.svg" className="twitter" alt="Twitter" />Login with Twitter</a>
                         </div>
                     </Card>