Revert "Merge branch 'main' of https://github.com/UTDallasEPICS/Soccer-Robots"

This reverts commit 250d322, reversing
changes made to 67b5d0b.

Author: abd-qur

components/Popups/AboutUsOverlay.vue components/AboutUsOverlay.vuecomponents/Popups/AboutUsOverlay.vue renamed to components/AboutUsOverlay.vue

@@ -0,0 +1,7 @@
+<template lang="pug">
+button.rounded-lg.py-1.px-3.text-white.font-bold
+    slot
+</template>
+
+<script setup lang="ts">
+</script>

components/Popups/AdminPanel.vue components/AdminPanel.vuecomponents/Popups/AdminPanel.vue renamed to components/AdminPanel.vue

@@ -15,7 +15,7 @@
             <p class="nav-item dark:text-[#C0C0C0]" v-if="isLoggedIn" @click="openChangeUsername"> Change Username </p>
         </div>
         <div class="nav-item" v-if="isAdmin" @click="openAdminPanel">Admin</div>        
-        <div> <Profile /> </div>
+        <div class="nav-login"> <TopRightNavbar /> </div>
     </div>
     </div>
     <!-- overlays -->

components/Button.vue

@@ -0,0 +1,35 @@
+<template>
+  <div class="Login">
+    <Profile v-if="userTrue"></Profile>
+    <LogInSignUp v-else></LogInSignUp>
+  </div>
+  <!--Show this component if they need to choose a username.-->
+  <LogInOverlay v-if="showLogIn" @closeLogIn="closing"></LogInOverlay>
+</template>
+
+<script setup lang="ts">
+const userTrue = ref(false)
+//Gets authentication cookie.
+const srtoken = useCookie('srtoken')
+//If able to get the cookie, means we have a user logged in already
+if(srtoken.value){
+  userTrue.value = true
+}
+const showLogIn = ref(false)
+//gets cookie for the user itself
+const sruser = useCookie('sruser')
+//if the authentication worked but could not get the user, means they have to login
+if(srtoken.value != '' && sruser.value == ''){
+  showLogIn.value = true
+}
+//closes the login page
+const closing = () => {
+  showLogIn.value = false
+  userTrue.value = true
+}
+
+</script>
+
+
+<style scoped>
+</style>

components/Popups/HelpOverlay.vue components/HelpOverlay.vuecomponents/Popups/HelpOverlay.vue renamed to components/HelpOverlay.vue

@@ -20,26 +20,13 @@
 </template>
 
 <script setup lang="ts">
-import { navigateTo } from '#app'
-
     import type { Player } from '@prisma/client'
     //to get play info like username, we use the cookie we have of them and find their username from it
     const getUser = useCookie<Partial<Player>>('sruser')
     let username = getUser.value?.username as string
-    //clear cookis and send user to homepage
+    //send the user to the logout page.
     const logout = async () => { 
-         try {
-
-            await $fetch('/api/user.logout', { method: 'POST' })
-
-            document.cookie = 'sruser=; Max-Age=0; path=/;'
-
-
-            await navigateTo('/')
-
-        } catch (error) {
-            console.error("Logout failed:", error);
-        }
+        window.location.href='api/logout'
     }
 </script>