Fix/redirection (#633)

* fix redirection to home page instead of dashboard site on login from dashboard

* changed link component to button

Author: vinayak-trivedi

index.html

@@ -34,11 +34,10 @@
         </div>
       </div>
       <div class="sign-in-btn">
-        <a
-          href="https://github.com/login/oauth/authorize?client_id=23c78f66ab7964e5ef97"
-          >Sign In <span>With GitHub</span>
+        <button onclick="goToAuthPage()">
+          Sign In <span>With GitHub</span>
           <img src="images/github.png" class="user-avatar" />
-        </a>
+        </button>
       </div>
       <div class="user-info">
         <span id="user-name"></span>

style.css

@@ -81,21 +81,23 @@ img {
   order: 3;
 }
 
-.sign-in-btn a {
+.sign-in-btn button {
   position: absolute;
   right: 10px;
   margin: 10px;
   height: 30px;
+  width: fit-content;
   padding: 5px;
   background-color: var(--blue-color);
   color: var(--white-color);
   cursor: pointer;
   border: 2px solid var(--white-color);
   border-radius: 6px;
   text-decoration: none;
+  font-size: 16px;
 }
 
-.sign-in-btn a img {
+.sign-in-btn button img {
   height: 15px;
   width: 15px;
   position: relative;
@@ -465,7 +467,7 @@ footer {
     justify-content: space-between;
   }
 
-  .sign-in-btn a {
+  .sign-in-btn button {
     position: static;
   }
 

utils.js

@@ -1,3 +1,9 @@
+function goToAuthPage() {
+  const authUrl = `https://github.com/login/oauth/authorize?client_id=23c78f66ab7964e5ef97&}&state=${window.location.href}`;
+
+  window.open(authUrl, '_self');
+}
+
 async function getSelfUser(endpoint = '/users/self') {
   try {
     const res = await fetch(`${API_BASE_URL}${endpoint}`, {