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

Update avatar implementation

Browse source
This commit is contained in:
Justin Edmund 2023-01-28 03:37:00 -08:00
parent 03a06bd849
commit 93755dfda4
5 changed files with 37 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
components/AccountModal/index.tsx
View file

@ -159,8 +159,10 @@ const AccountModal = React.forwardRef<HTMLDivElement, Props>(
const user = response.data
const cookieObj = {
picture: user.avatar.picture,
element: user.avatar.element,
avatar: {
picture: user.avatar.picture,
element: user.avatar.element,
},
gender: user.gender,
language: user.language,
theme: user.theme,
@ -173,8 +175,11 @@ const AccountModal = React.forwardRef<HTMLDivElement, Props>(
accountState.account.user = {
id: user.id,
username: user.username,
picture: user.avatar.picture,
element: user.avatar.element,
granblueId: '',
avatar: {
picture: user.avatar.picture,
element: user.avatar.element,
},
language: user.language,
theme: user.theme,
gender: user.gender,

10
components/Header/index.tsx
View file

@ -199,10 +199,10 @@ const Header = () => {
image = (
<img
alt={user.username}
className={`profile ${user.element}`}
srcSet={`/profile/${user.picture}.png,
/profile/${user.picture}@2x.png 2x`}
src={`/profile/${user.picture}.png`}
className={`profile ${user.avatar.element}`}
srcSet={`/profile/${user.avatar.picture}.png,
/profile/${user.avatar.picture}@2x.png 2x`}
src={`/profile/${user.avatar.picture}.png`}
/>
)
} else {
@ -264,7 +264,7 @@ const Header = () => {
<AccountModal
open={settingsModalOpen}
username={user.username}
picture={user.picture}
picture={user.avatar.picture}
gender={user.gender}
language={user.language}
theme={user.theme}

13
components/LoginModal/index.tsx
View file

@ -161,8 +161,10 @@ const LoginModal = (props: Props) => {
setCookie(
'user',
{
picture: user.avatar.picture,
element: user.avatar.element,
avatar: {
picture: user.avatar.picture,
element: user.avatar.element,
},
language: user.language,
gender: user.gender,
theme: user.theme,
@ -174,8 +176,11 @@ const LoginModal = (props: Props) => {
accountState.account.user = {
id: user.id,
username: user.username,
picture: user.avatar.picture,
element: user.avatar.element,
granblueId: '',
avatar: {
picture: user.avatar.picture,
element: user.avatar.element,
},
gender: user.gender,
language: user.language,
theme: user.theme,

13
components/SignupModal/index.tsx
View file

@ -121,8 +121,10 @@ const SignupModal = (props: Props) => {
setCookie(
'user',
{
picture: user.avatar.picture,
element: user.avatar.element,
avatar: {
picture: user.avatar.picture,
element: user.avatar.element,
},
language: user.language,
gender: user.gender,
theme: user.theme,
@ -134,8 +136,11 @@ const SignupModal = (props: Props) => {
accountState.account.user = {
id: user.id,
username: user.username,
picture: user.avatar.picture,
element: user.avatar.element,
granblueId: '',
avatar: {
picture: user.avatar.picture,
element: user.avatar.element,
},
gender: user.gender,
language: user.language,
theme: user.theme,

7
pages/_app.tsx
View file

@ -32,8 +32,11 @@ function MyApp({ Component, pageProps }: AppProps) {
accountState.account.user = {
id: cookieData.account.userId,
username: cookieData.account.username,
picture: cookieData.user.picture,
element: cookieData.user.element,
granblueId: '',
avatar: {
picture: cookieData.user.avatar.picture,
element: cookieData.user.avatar.element,
},
gender: cookieData.user.gender,
language: cookieData.user.language,
theme: cookieData.user.theme,