fix: remove spinner

pull/3813/head
Arik Chakma 2 years ago
parent 05c9bbec8b
commit f82c637bd2
  1. 13
      src/components/Login/AccountNavigation.astro

@ -4,18 +4,11 @@ import AccountDropdown from './AccountDropdown.astro';
---
<div>
<div
class='flex h-8 w-24 items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm text-white hover:from-blue-500 hover:to-blue-600'
id='navigation-spinner'
>
<Spinner class='text-white' />
</div>
<AccountDropdown />
<a
id='register-button'
class='flex hidden h-8 w-24 cursor-pointer items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600'
class='flex h-8 w-24 cursor-pointer items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600'
href='/signup'
>
<span>Register</span>
@ -25,16 +18,16 @@ import AccountDropdown from './AccountDropdown.astro';
<script>
import Cookies from 'js-cookie';
import { TOKEN_COOKIE_NAME } from '../../lib/constants';
const spinner = document.getElementById('navigation-spinner');
const registerButton = document.getElementById('register-button');
const accountDropdown = document.getElementById('account-dropdown');
spinner?.classList.add('hidden');
const token = Cookies.get(TOKEN_COOKIE_NAME);
if (token) {
accountDropdown?.classList.remove('hidden');
registerButton?.classList.add('hidden');
} else {
registerButton?.classList.remove('hidden');
accountDropdown?.classList.add('hidden');
}
</script>

Loading…
Cancel
Save