hamptonmoore
/
mastodon
forked from treehouse/mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adapt account fields rendering code in the WebUI to match upstream

signup-info-prompt
Thibaut Girka 2018-05-09 23:29:14 +02:00
parent 30bb530c70
commit 2f01935cba
1 changed files with 16 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
app/javascript/flavours/glitch/features/account/components/header.js
View File

@ -102,35 +102,25 @@ export default class Header extends ImmutablePureComponent {
<div className='account__header__content' dangerouslySetInnerHTML={{ __html: emojify(text) }} /> <div className='account__header__content' dangerouslySetInnerHTML={{ __html: emojify(text) }} />
{fields.size > 0 && ( {fields.size > 0 && (
<table className='account__header__fields'> <div className='account__header__fields'>
<tbody>
{fields.map((pair, i) => ( {fields.map((pair, i) => (
<tr key={i}> <dl key={i}>
<th dangerouslySetInnerHTML={{ __html: pair.get('name_emojified') }} /> <dt dangerouslySetInnerHTML={{ __html: pair.get('name_emojified') }} title={pair.get('name')} />
<td dangerouslySetInnerHTML={{ __html: pair.get('value_emojified') }} /> <dd dangerouslySetInnerHTML={{ __html: pair.get('value_emojified') }} title={pair.get('value')} />
</tr> </dl>
))} ))}
</tbody> </div>
</table>
)} )}
{fields.size == 0 && metadata.length && ( {fields.size == 0 && metadata.length && (
<table className='account__header__fields'> <div className='account__header__fields'>
<tbody> {metadata.map((pair, i) => (
{(() => { <dl key={i}>
let data = []; <dt dangerouslySetInnerHTML={{ __html: emojify(pair[0]) }} title={pair[0]} />
for (let i = 0; i < metadata.length; i++) { <dd dangerouslySetInnerHTML={{ __html: emojify(pair[1]) }} title={pair[1]} />
data.push( </dl>
<tr key={i}> ))}
<th scope='row'><div dangerouslySetInnerHTML={{ __html: emojify(metadata[i][0]) }} /></th> </div>
<td><div dangerouslySetInnerHTML={{ __html: emojify(metadata[i][1]) }} /></td>
</tr>
);
}
return data;
})()}
</tbody>
</table>
) || null} ) || null}
{info} {info}