wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-16 14:30:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: login button not able to press

Browse Source
This commit is contained in:
원더 2021-02-12 14:01:00 +09:00
parent e94aaece43
commit 8ea84f1634
1 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/Navbar.tsx
View File

@ -10,7 +10,7 @@ import { Theme, UserCache } from '@types'
import DiscordAvatar from '@components/DiscordAvatar' import DiscordAvatar from '@components/DiscordAvatar'
const Navbar = ({ theme, setTheme }:NavbarProps): JSX.Element => { const Navbar = (): JSX.Element => {
let userCache:UserCache let userCache:UserCache
try { try {
userCache = JSON.parse(localStorage.userCache) userCache = JSON.parse(localStorage.userCache)
@ -21,6 +21,7 @@ const Navbar = ({ theme, setTheme }:NavbarProps): JSX.Element => {
const [navbarOpen, setNavbarOpen] = useState<boolean>(false) const [navbarOpen, setNavbarOpen] = useState<boolean>(false)
const [dropdownOpen, setDropdownOpen] = useState<boolean>(false) const [dropdownOpen, setDropdownOpen] = useState<boolean>(false)
const router = useRouter() const router = useRouter()
const logged = userCache?.id && userCache.version === 2
return ( return (
<> <>
<nav className='fixed z-40 top-0 flex flex-wrap items-center justify-between px-2 py-3 w-full text-gray-100 dark:bg-discord-black bg-discord-blurple bg-transparent lg:absolute'> <nav className='fixed z-40 top-0 flex flex-wrap items-center justify-between px-2 py-3 w-full text-gray-100 dark:bg-discord-black bg-discord-blurple bg-transparent lg:absolute'>
@ -75,7 +76,7 @@ const Navbar = ({ theme, setTheme }:NavbarProps): JSX.Element => {
<ul className='flex flex-col list-none lg:flex-row lg:ml-auto'> <ul className='flex flex-col list-none lg:flex-row lg:ml-auto'>
<li className='flex items-center outline-none' onFocus={() => setDropdownOpen(true)} onMouseOver={() => setDropdownOpen(true)} onMouseOut={() => setDropdownOpen(false)} onBlur={() => setDropdownOpen(false)}> <li className='flex items-center outline-none' onFocus={() => setDropdownOpen(true)} onMouseOver={() => setDropdownOpen(true)} onMouseOut={() => setDropdownOpen(false)} onBlur={() => setDropdownOpen(false)}>
{ {
userCache?.id && userCache.version === 2 ? logged ?
<> <>
<a <a
className='lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100 cursor-pointer'> className='lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100 cursor-pointer'>
@ -109,13 +110,13 @@ const Navbar = ({ theme, setTheme }:NavbarProps): JSX.Element => {
</div> </div>
</> : </> :
<a tabIndex={0} onKeyPress={()=> { <a tabIndex={0} onKeyPress={()=> {
if(!userCache) { if(!(logged)) {
localStorage.redirectTo = window.location.href localStorage.redirectTo = window.location.href
setNavbarOpen(false) setNavbarOpen(false)
redirectTo(router, 'login') redirectTo(router, 'login')
} }
}} onClick={()=> { }} onClick={()=> {
if(!userCache) { if(!(logged)) {
localStorage.redirectTo = window.location.href localStorage.redirectTo = window.location.href
setNavbarOpen(false) setNavbarOpen(false)
redirectTo(router, 'login') redirectTo(router, 'login')
@ -180,7 +181,7 @@ const Navbar = ({ theme, setTheme }:NavbarProps): JSX.Element => {
<div className='my-10'> <div className='my-10'>
{ {
userCache?.id && userCache.version === 2 ? <> logged ? <>
<Link href={`/users/${userCache.id}`}> <Link href={`/users/${userCache.id}`}>
<a className='flex items-center px-8 py-2 text-gray-100 hover:text-gray-300'> <a className='flex items-center px-8 py-2 text-gray-100 hover:text-gray-300'>
<i className='far fa-user' /> <i className='far fa-user' />
@ -216,9 +217,4 @@ const Navbar = ({ theme, setTheme }:NavbarProps): JSX.Element => {
) )
} }
interface NavbarProps {
theme: Theme
setTheme(value: Theme): void
}
export default Navbar export default Navbar