diff --git a/web/components/Header/index.js b/web/components/Header/index.js index ecebf67..dca9624 100644 --- a/web/components/Header/index.js +++ b/web/components/Header/index.js @@ -1,223 +1,232 @@ import React, { useState } from 'react' import Link from 'next/link' import GitDuckLogo from '../../assets/img/gitduck-logo-h-light-alpha@1x.svg' import GitDuckLogoIcon from '../../assets/img/gitduck-icon-light-alpha@1x.svg' import IconMessage from '../../assets/img/icons/MessageIconShape' import IconMenu from '../../assets/img/icons/MenuIconShape' import { connect } from 'react-redux' import { login } from '../../services/auth' import { setShowChat } from '../../actions' import { getOrCreateChatClient } from '../../services/chat' import { showBetaFeature } from '../../services/featureFlag' import cn from 'classnames' import { logout } from '../../services/auth' setTimeout(async () => { if (process.browser && showBetaFeature()) { const chatClient = await getOrCreateChatClient() } }, 3000) const isHidden = { visibility: 'hidden', -}; +} -const UserMenu =({isAuthenticated, currentUsername, unreadMessages, showUserMenu, toggleShowUserMenu}) => -

+const UserMenu = ({isAuthenticated, currentUsername, unreadMessages, showUserMenu, toggleShowUserMenu}) => +

{isAuthenticated && currentUsername && !hideUsername && - Profile - } + Profile + }
Explore FAQ How to start - +

{isAuthenticated && showBetaFeature() && setShowChat(!showChat)}> Messages {unreadMessages > 0 && {unreadMessages}} } {!isAuthenticated &&

{ login({redirectURL: window.location.pathname}) }}> Login

} - {!isAuthenticated && Sign up} + {!isAuthenticated && + Sign up} - {isAuthenticated &&

Logout

} + {isAuthenticated &&

Logout

}

- +

-const SideMenu = ({isAuthenticated, showMenu, currentUsername, toggleShowMenu, unreadMessages, hideUsername, showChat}) =>

+const SideMenu = ({isAuthenticated, showMenu, currentUsername, toggleShowMenu, unreadMessages, hideUsername, showChat}) => +

Explore FAQ About How to start Blog
{!isAuthenticated &&

{ login({redirectURL: window.location.pathname}) }}> Login

} - {!isAuthenticated && Sign up} + {!isAuthenticated && + Sign up} {isAuthenticated && showBetaFeature() && setShowChat(!showChat)}> Messages {unreadMessages > 0 && {unreadMessages}} } {isAuthenticated && currentUsername && !hideUsername && - @{currentUsername} + @{currentUsername} } - +

const Header = ({isAuthenticated, currentUsername, hideUsername, unreadMessages, setShowChat, showChat}) => { - const [showMenu, setShowMenu] = useState(false) + const [showMenu, setShowMenu] = useState(true) const [showUserMenu, setShowUserMenu] = useState(false) const toggleShowMenu = () => setShowMenu(!showMenu) const toggleShowUserMenu = () => setShowUserMenu(!showUserMenu) const MessageButton = isAuthenticated && -

- -

+ +

return - +

{/* Mobile only */}

{/*

*/}

{/* Mobile only */}

{/* Show mobile menu */}

- - {/* Side menu */} {/*

Explore FAQ About How to start Blog
{!isAuthenticated &&

{ login({redirectURL: window.location.pathname}) }}> Login

} {!isAuthenticated && Sign up} {isAuthenticated && showBetaFeature() && setShowChat(!showChat)}> Messages {unreadMessages > 0 && {unreadMessages}} } {isAuthenticated && currentUsername && !hideUsername && @{currentUsername} }

*/} {/* Desktop only */}

{isAuthenticated && showBetaFeature() && setShowChat(!showChat)}> - {MessageButton} - {unreadMessages > 0 && {unreadMessages}} - } + {MessageButton} + {unreadMessages > 0 && {unreadMessages}} + } {isAuthenticated && currentUsername && !hideUsername && -

@{currentUsername}

- } - {showUserMenu && } +

@{currentUsername} + +

} + {showUserMenu && }

} const mapState = ({auth, currentUser, chat, menu}) => ({ isAuthenticated: auth.isAuthenticated, currentUsername: currentUser.user.username, showChat: chat.showChat, unreadMessages: chat.unreadMessages, }) const actions = { setShowChat, } export default connect(mapState, actions)(Header)

Fixing header bug

More coding videos

Uploading code-snippets to GitDuck #1

Coding session on October 4th

Uploading code-snippets to GitDuck #2

Edit team and Edit team members

@drag0s why `isAuthenticated` is not working to in the side menu?

How to install the GitDuck plugin for JetBrains