Refactor message-content.jsx
@@ -14,6 +14,7 @@ import "~/style/_won-markdown.scss";
import vocab from "../../service/vocab.js";
export default function WonMessageContent({ message }) {
+ if (message) {
const content = messageUtils.getContent(message);
const matchScore = get(content, "matchScore");
const text = get(content, "text");
@@ -21,7 +22,6 @@ export default function WonMessageContent({ message }) {
const messageType = messageUtils.getType(message);
const matchScorePercentage = matchScore && matchScore * 100;
- if (message) {
const markdownText = text ? (
<ReactMarkdown
className="msg__text markdown"
@@ -31,7 +31,7 @@ export default function WonMessageContent({ message }) {
) : (
undefined
);
- const matchScore = matchScore ? (
+ const matchScoreElement = matchScore ? (
<div className="msg__matchScore">MatchScore: {matchScorePercentage}%</div>
) : (
undefined
@@ -79,7 +79,7 @@ export default function WonMessageContent({ message }) {
<won-message-content>
{markdownText}
{contentDetailsArray}
- {matchScore}
+ {matchScoreElement}
{noParsableContent}
</won-message-content>
);
