AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rename 'Tag' to 'Flag' - which is more accurate

Browse Source
This commit is contained in:
Tom Raithel
2017-11-27 08:42:00 +01:00
parent 784a5d1be6
commit 80f6617754
5 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
js/components/Tag.js → js/components/Flag.js
View File

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
export default function Tag({ item, short = false }) { export default function Flag({ item, short = false }) {
if (item.flag !== 'default') { if (item.flag !== 'default') {
let name = item.flag.toUpperCase(); let name = item.flag.toUpperCase();
if (short === true) { if (short === true) {
@@ -9,7 +9,7 @@ export default function Tag({ item, short = false }) {
changed: 'C', changed: 'C',
}[item.flag]; }[item.flag];
} }
return <span className={`tag tag--${item.flag}`}>{name}</span>; return <span className={`flag flag--${item.flag}`}>{name}</span>;
} }
return null; return null;
} }

4
js/components/Item.js
View File

@@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import Link from './Link'; import Link from './Link';
import Tag from './Tag'; import Flag from './Flag';
export default function Item({ export default function Item({
item, item,
@@ -20,7 +20,7 @@ export default function Item({
> >
<div className="item__title"> <div className="item__title">
{item.title} {item.title}
<Tag item={item} /> <Flag item={item} />
</div> </div>
{item.info && <div className="item__info">{item.info}</div>} {item.info && <div className="item__info">{item.info}</div>}
</Link> </Link>

4
js/components/PageOverview.js
View File

@@ -7,7 +7,7 @@ import Link from './Link';
import Search from './Search'; import Search from './Search';
import Fadeable from './Fadeable'; import Fadeable from './Fadeable';
import SetTitle from './SetTitle'; import SetTitle from './SetTitle';
import Tag from './Tag'; import Flag from './Flag';
import { groupByFirstLetter } from '../../common/model'; import { groupByFirstLetter } from '../../common/model';
import { translate } from '../../common/config'; import { translate } from '../../common/config';
@@ -140,7 +140,7 @@ class PageOverview extends React.Component {
<div className="split__left"> <div className="split__left">
<div className="item__title"> <div className="item__title">
{item.title} {item.title}
<Tag item={item} /> <Flag item={item} />
</div> </div>
</div> </div>
<div className="split__right"> <div className="split__right">

4
js/components/QuadrantSection.js
View File

@@ -3,7 +3,7 @@ import { translate, rings } from '../../common/config';
import Badge from './Badge'; import Badge from './Badge';
import Link from './Link'; import Link from './Link';
import ItemList from './ItemList'; import ItemList from './ItemList';
import Tag from './Tag'; import Flag from './Flag';
const renderList = (ringName, quadrantName, groups, big) => { const renderList = (ringName, quadrantName, groups, big) => {
const itemsInRing = groups[quadrantName][ringName]; const itemsInRing = groups[quadrantName][ringName];
@@ -27,7 +27,7 @@ const renderList = (ringName, quadrantName, groups, big) => {
<span key={item.name} className="ring-list__item"> <span key={item.name} className="ring-list__item">
<Link className="link" pageName={`${item.quadrant}/${item.name}`}> <Link className="link" pageName={`${item.quadrant}/${item.name}`}>
{item.title} {item.title}
<Tag item={item} short /> <Flag item={item} short />
</Link> </Link>
</span> </span>
))} ))}

2
styles/components/tag.css → styles/components/flag.css
View File

@@ -1,4 +1,4 @@
.tag { .flag {
font-size: 9px; font-size: 9px;
display: inline-block; display: inline-block;
padding: 3px 8px; padding: 3px 8px;