granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Send props to AccountModal

Browse source
This commit is contained in:
Justin Edmund 2022-12-25 19:34:39 -08:00
parent e408fc5dc3
commit b6d7c403a3
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
components/HeaderMenu/index.tsx
View file

@ -12,6 +12,7 @@ import LoginModal from '~components/LoginModal'
import SignupModal from '~components/SignupModal' import SignupModal from '~components/SignupModal'
import './index.scss' import './index.scss'
import { accountState } from '~utils/accountState'
interface Props { interface Props {
authenticated: boolean authenticated: boolean
@ -59,8 +60,8 @@ const HeaderMenu = (props: Props) => {
<span>{accountData.username}</span> <span>{accountData.username}</span>
<img <img
alt={userData.picture} alt={userData.picture}
className={`profile ${userData.element}`} className={`profile ${accountState.account.user?.element}`}
srcSet={`/profile/${userData.picture}.png, srcSet={`/profile/${accountState.account.user?.picture}.png,
/profile/${userData.picture}@2x.png 2x`} /profile/${userData.picture}@2x.png 2x`}
src={`/profile/${userData.picture}.png`} src={`/profile/${userData.picture}.png`}
/> />
@ -85,7 +86,13 @@ const HeaderMenu = (props: Props) => {
</div> </div>
<div className="MenuGroup"> <div className="MenuGroup">
<AboutModal /> <AboutModal />
<AccountModal /> <AccountModal
username={accountState.account.user?.username}
picture={accountState.account.user?.picture}
gender={accountState.account.user?.gender}
language={accountState.account.user?.language}
theme={accountState.account.user?.theme}
/>
<li className="MenuItem" onClick={props.logout}> <li className="MenuItem" onClick={props.logout}>
<span>{t('menu.logout')}</span> <span>{t('menu.logout')}</span>
</li> </li>