Fix/redirection (#633)

* fix redirection to home page instead of dashboard site on login from dashboard * changed link component to button
Real-Dev-Squad · Dec 4, 2023 · a6434e6 · a6434e6
1 parent c71f05a
commit a6434e6
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 7 deletions.
diff --git a/index.html b/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>

diff --git a/style.css b/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;
   }
 

diff --git a/utils.js b/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}`, {