From 80f6617754095d4462dc5d6f63db5843ecc5c39a Mon Sep 17 00:00:00 2001
From: Tom Raithel <thomas.raithel@aoe.com>
Date: Mon, 27 Nov 2017 08:42:00 +0100
Subject: [PATCH] Rename 'Tag' to 'Flag' - which is more accurate

---
 js/components/{Tag.js => Flag.js}       | 4 ++--
 js/components/Item.js                   | 4 ++--
 js/components/PageOverview.js           | 4 ++--
 js/components/QuadrantSection.js        | 4 ++--
 styles/components/{tag.css => flag.css} | 2 +-
 5 files changed, 9 insertions(+), 9 deletions(-)
 rename js/components/{Tag.js => Flag.js} (64%)
 rename styles/components/{tag.css => flag.css} (97%)

diff --git a/js/components/Tag.js b/js/components/Flag.js
similarity index 64%
rename from js/components/Tag.js
rename to js/components/Flag.js
index 6a0d849..8d8baa8 100644
--- a/js/components/Tag.js
+++ b/js/components/Flag.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-export default function Tag({ item, short = false }) {
+export default function Flag({ item, short = false }) {
   if (item.flag !== 'default') {
     let name = item.flag.toUpperCase();
     if (short === true) {
@@ -9,7 +9,7 @@ export default function Tag({ item, short = false }) {
         changed: 'C',
       }[item.flag];
     }
-    return <span className={`tag tag--${item.flag}`}>{name}</span>;
+    return <span className={`flag flag--${item.flag}`}>{name}</span>;
   }
   return null;
 }
diff --git a/js/components/Item.js b/js/components/Item.js
index 11d9d95..1efb136 100644
--- a/js/components/Item.js
+++ b/js/components/Item.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import Link from './Link';
-import Tag from './Tag';
+import Flag from './Flag';
 
 export default function Item({
   item,
@@ -20,7 +20,7 @@ export default function Item({
     >
       <div className="item__title">
         {item.title}
-        <Tag item={item} />
+        <Flag item={item} />
       </div>
       {item.info && <div className="item__info">{item.info}</div>}
     </Link>
diff --git a/js/components/PageOverview.js b/js/components/PageOverview.js
index 0bc3604..0bb8831 100644
--- a/js/components/PageOverview.js
+++ b/js/components/PageOverview.js
@@ -7,7 +7,7 @@ import Link from './Link';
 import Search from './Search';
 import Fadeable from './Fadeable';
 import SetTitle from './SetTitle';
-import Tag from './Tag';
+import Flag from './Flag';
 import { groupByFirstLetter } from '../../common/model';
 import { translate } from '../../common/config';
 
@@ -140,7 +140,7 @@ class PageOverview extends React.Component {
                           <div className="split__left">
                             <div className="item__title">
                               {item.title}
-                              <Tag item={item} />
+                              <Flag item={item} />
                             </div>
                           </div>
                           <div className="split__right">
diff --git a/js/components/QuadrantSection.js b/js/components/QuadrantSection.js
index a753344..79a4520 100644
--- a/js/components/QuadrantSection.js
+++ b/js/components/QuadrantSection.js
@@ -3,7 +3,7 @@ import { translate, rings } from '../../common/config';
 import Badge from './Badge';
 import Link from './Link';
 import ItemList from './ItemList';
-import Tag from './Tag';
+import Flag from './Flag';
 
 const renderList = (ringName, quadrantName, groups, big) => {
   const itemsInRing = groups[quadrantName][ringName];
@@ -27,7 +27,7 @@ const renderList = (ringName, quadrantName, groups, big) => {
         <span key={item.name} className="ring-list__item">
           <Link className="link" pageName={`${item.quadrant}/${item.name}`}>
             {item.title}
-            <Tag item={item} short />
+            <Flag item={item} short />
           </Link>
         </span>
       ))}
diff --git a/styles/components/tag.css b/styles/components/flag.css
similarity index 97%
rename from styles/components/tag.css
rename to styles/components/flag.css
index d1b7882..218aa7c 100644
--- a/styles/components/tag.css
+++ b/styles/components/flag.css
@@ -1,4 +1,4 @@
-.tag {
+.flag {
   font-size: 9px;
   display: inline-block;
   padding: 3px 8px;