LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-12-01 16:51:13 +00:00
Code Issues Projects Releases Wiki Activity

Fix broken profile page, and missing sidebars.

Browse source
This commit is contained in:
Dessalines 2022-09-23 00:38:37 -04:00
parent c22a71ea82
commit 554d4421f5
1 changed files with 37 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/shared/components/person/profile.tsx
View file

@ -129,8 +129,6 @@ export class Profile extends Component<any, ProfileState> {
} else { } else {
this.fetchUserData(); this.fetchUserData();
} }
this.setPersonBlock();
} }
fetchUserData() { fetchUserData() {
@ -209,6 +207,7 @@ export class Profile extends Component<any, ProfileState> {
} }
componentDidMount() { componentDidMount() {
this.setPersonBlock();
setupTippy(); setupTippy();
} }
@ -413,9 +412,12 @@ export class Profile extends Component<any, ProfileState> {
<div className=""> <div className="">
<div className="mb-0 d-flex flex-wrap"> <div className="mb-0 d-flex flex-wrap">
<div> <div>
{pv.person.display_name && ( {pv.person.display_name.match({
<h5 className="mb-0">{pv.person.display_name}</h5> some: displayName => (
)} <h5 className="mb-0">{displayName}</h5>
),
none: <></>,
})}
<ul className="list-inline mb-2"> <ul className="list-inline mb-2">
<li className="list-inline-item"> <li className="list-inline-item">
<PersonListing <PersonListing
@ -662,13 +664,13 @@ export class Profile extends Component<any, ProfileState> {
}); });
} }
// TODO test this, make sure its good
moderates() { moderates() {
return this.state.personRes return this.state.personRes
.map(r => r.moderates) .map(r => r.moderates)
.match({ .match({
some: moderates => { some: moderates => {
if (moderates.length > 0) { if (moderates.length > 0) {
return (
<div className="card border-secondary mb-3"> <div className="card border-secondary mb-3">
<div className="card-body"> <div className="card-body">
<h5>{i18n.t("moderates")}</h5> <h5>{i18n.t("moderates")}</h5>
@ -680,7 +682,10 @@ export class Profile extends Component<any, ProfileState> {
))} ))}
</ul> </ul>
</div> </div>
</div>; </div>
);
} else {
return <></>;
} }
}, },
none: void 0, none: void 0,
@ -693,6 +698,7 @@ export class Profile extends Component<any, ProfileState> {
.match({ .match({
some: follows => { some: follows => {
if (follows.length > 0) { if (follows.length > 0) {
return (
<div className="card border-secondary mb-3"> <div className="card border-secondary mb-3">
<div className="card-body"> <div className="card-body">
<h5>{i18n.t("subscribed")}</h5> <h5>{i18n.t("subscribed")}</h5>
@ -704,7 +710,10 @@ export class Profile extends Component<any, ProfileState> {
))} ))}
</ul> </ul>
</div> </div>
</div>; </div>
);
} else {
return <></>;
} }
}, },
none: void 0, none: void 0,