[TASK] Add title to new/changed flag to clarify the meaning of short 'N' and 'C' flags.

This commit is contained in:
Florian Brandel
2018-05-23 10:10:43 +02:00
parent f3836fa7f9
commit 4c8af43015

View File

@@ -1,15 +1,20 @@
import React from 'react';
function ucFirst(string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}
export default function Flag({ item, short = false }) {
if (item.flag !== 'default') {
let name = item.flag.toUpperCase();
let title = ucFirst(item.flag);
if (short === true) {
name = {
new: 'N',
changed: 'C',
}[item.flag];
}
return <span className={`flag flag--${item.flag}`}>{name}</span>;
return <span className={`flag flag--${item.flag}`} title={title}>{name}</span>;
}
return null;
}