Mastodon/hyperspace-desktop-client-windows-linux-macos
1
0
Fork 0
mirror of https://github.com/hyperspacedev/hyperspace synced 2025-02-06 04:13:22 +01:00
Code Issues Releases Wiki Activity

Merge pull request #204 from hyperspacedev/HD-61-update-avatar

Browse Source 
Update header avatar when user changes avatar
This commit is contained in:
Marquis Kurt 2020-05-27 08:41:19 -04:00 committed by GitHub
commit 8897035fe5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.tsx
View File

@ -30,6 +30,7 @@ let theme = setHyperspaceTheme(getUserDefaultTheme());
interface IAppState {
theme: any;
showLayout: boolean;
avatarURL?: string;
}
class App extends Component<any, IAppState> {
@ -44,6 +45,7 @@ class App extends Component<any, IAppState> {
showLayout:
userLoggedIn() && !window.location.hash.includes("#/welcome")
};
this.setAvatarURL = this.setAvatarURL.bind(this);
}
componentWillMount() {
@ -85,6 +87,12 @@ class App extends Component<any, IAppState> {
}
}
setAvatarURL(avatarURL: string) {
this.setState({
avatarURL
});
}
render() {
this.removeBodyBackground();
@ -93,7 +101,9 @@ class App extends Component<any, IAppState> {
<CssBaseline />
<Route path="/welcome" component={WelcomePage} />
<div>
{this.state.showLayout ? <AppLayout /> : null}
{this.state.showLayout ? (
<AppLayout avatarURL={this.state.avatarURL} />
) : null}
<PrivateRoute
exact
path="/"
@ -155,7 +165,9 @@ class App extends Component<any, IAppState> {
<PrivateRoute path="/search" component={SearchPage} />
<PrivateRoute path="/settings" component={Settings} />
<PrivateRoute path="/blocked" component={Blocked} />
<PrivateRoute path="/you" component={You} />
<PrivateRoute path="/you">
<You onAvatarUpdate={this.setAvatarURL} />
</PrivateRoute>
<PrivateRoute path="/about" component={AboutPage} />
<PrivateRoute path="/compose" component={Composer} />
<PrivateRoute

11
src/components/AppLayout/AppLayout.tsx
View File

@ -698,7 +698,9 @@ export class AppLayout extends Component<any, IAppLayoutState> {
}
alt="You"
src={
this.state.currentUser
this.props.avatarURL
? this.props.avatarURL
: this.state.currentUser
? this.state.currentUser
.avatar_static
: ""
@ -733,8 +735,11 @@ export class AppLayout extends Component<any, IAppLayoutState> {
<Avatar
alt="You"
src={
this.state
.currentUser
this.props.avatarURL
? this.props
.avatarURL
: this.state
.currentUser
? this.state
.currentUser
.avatar_static

4
src/pages/You.tsx
View File

@ -16,6 +16,7 @@ import filedialog from "file-dialog";
interface IYouProps extends withSnackbarProps {
classes: any;
onAvatarUpdate: Function;
}
interface IYouState {
@ -106,6 +107,9 @@ class You extends Component<IYouProps, IYouState> {
this.props.enqueueSnackbar(
"Avatar updated successfully."
);
this.props.onAvatarUpdate(
currentAccount.avatar_static
);
})
.catch((err: Error) => {
this.props.closeSnackbar("persistAvatar");