Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - display errors as list only if there is more than 1 message

Browse Source
This commit is contained in:
Sam
2021-02-20 17:02:24 +01:00
parent fbc40385a0
commit aa1170f1c7
12 changed files with 27 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
fittrackee_client/src/components/App.css
View File

@ -228,7 +228,7 @@ label {
}
.error-message {
margin-top: 10px;
margin: 10px 0;
}
.fa-as-link {

22
fittrackee_client/src/components/Common/Message.jsx
View File

@ -14,15 +14,19 @@ export default class Message extends React.PureComponent {
return (
<div className="error-message">
{singleMessage !== '' && <code>{singleMessage}</code>}
{messages && messages.length > 0 && (
<code>
<ul>
{messages.map(msg => (
<li key={msg.id}>{t(`messages:${msg.value}`)}</li>
))}
</ul>
</code>
)}
{messages &&
messages.length > 0 &&
(messages.length === 1 ? (
<code>{messages[0].value}</code>
) : (
<code>
<ul>
{messages.map(msg => (
<li key={msg.id}>{t(`messages:${msg.value}`)}</li>
))}
</ul>
</code>
))}
</div>
)
}