eightball/PluralKit
1
0
Fork 0
mirror of https://github.com/PluralKit/PluralKit.git synced 2026-02-11 16:20:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix rendering issues

Browse source
This commit is contained in:
Spectralitree 2021-02-06 17:02:26 +01:00
parent 82b529eb6a
commit 586782ae67
5 changed files with 117 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/Components/MemberPage.js
View file

@ -1,4 +1,4 @@
import React, { useEffect, useState } from 'react';
import React, { useEffect, useState, useRef } from 'react';
import { Link } from 'react-router-dom';
import * as BS from 'react-bootstrap'
import { useForm } from "react-hook-form";
@ -78,8 +78,7 @@ export default function MemberPage(props) {
if (member.birthday) {
setBirthdate(member.birthday)
if (member.birthday.startsWith('0004-')) {
var bday = member.birthday.replace('0004-','');
var bdaymoment = moment(bday, 'MM-DD').format('MMM D');
var bdaymoment = moment(member.birthday, 'YYYY-MM-DD').format('MMM D');
setBirthday(bdaymoment);
} else {
var birthdaymoment = moment(member.birthday, 'YYYY-MM-DD').format('MMM D, YYYY');
@ -200,7 +199,17 @@ export default function MemberPage(props) {
console.error(error);
setErrorAlert(true);
});
}
}
const didMount = useRef(false);
useEffect(() => {
if (didMount.current) {
props.edit(member);
} else {
didMount.current = true;
}
}, [props, member]);
function copyLink() {
var link = `https://spectralitree.github.io/pk-webs/profile/${sysID}/${member.id}`
@ -234,7 +243,7 @@ export default function MemberPage(props) {
{ member.avatar_url ? <Popup trigger={<BS.Image src={`${member.avatar_url}`} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />} className="avatar" modal>
{close => (
<div className="text-center w-100 m-0" onClick={() => close()}>
<BS.Image src={`${avatar}`} style={{'max-width': 640, height: 'auto'}} thumbnail />
<BS.Image src={`${avatar}`} style={{'maxWidth': '100%', height: 'auto'}} thumbnail />
</div>
)}
</Popup> :
@ -408,7 +417,7 @@ export default function MemberPage(props) {
<hr/></> : "" }
<p><b>Description:</b></p>
{ localStorage.getItem('twemoji') ? <Twemoji options={{ className: 'twemoji' }}><p dangerouslySetInnerHTML={{__html: desc}}></p></Twemoji> : <p dangerouslySetInnerHTML={{__html: desc}}></p>}
{ proxyView ? "" : privacyMode ? "" : privacyView ? "" : <><BS.Button variant="light" onClick={() => setEditMode(true)}>Edit</BS.Button> <Link to="/pk-webs/dash/reload" ><BS.Button variant="primary" className="float-right">Back</BS.Button></Link></>}
{ proxyView ? "" : privacyMode ? "" : privacyView ? "" : <><BS.Button variant="light" onClick={() => setEditMode(true)}>Edit</BS.Button> <Link to="/pk-webs/dash" ><BS.Button variant="primary" className="float-right">Back</BS.Button></Link></>}
</> } </BS.Card.Body></BS.Card></>
)
}