feat(flag): Added Germany flag (#454)

src/components/Footer/Footer.tsx

@@ -22,6 +22,7 @@ const Footer: React.FC = () => {
               <Flag name="brazil" size="md" />
               <Flag name="china" size="md" />
               <Flag name="austria" size="md" />
+              <Flag name="germany" size="md" />
             </Flags>
           </ToolTip>
         </Left>

src/components/Footer/__snapshots__/Footer.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Footer /> component should load the initial state of Footer component 1`] = `
-.emotion-38 {
+.emotion-41 {
   background: #f9f9f9;
   border-top: 1px solid #e3e3e3;
   color: #999999;
@@ -9,7 +9,7 @@ exports[`<Footer /> component should load the initial state of Footer component
   padding: 20px;
 }
 
-.emotion-36 {
+.emotion-39 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -26,7 +26,7 @@ exports[`<Footer /> component should load the initial state of Footer component
 }
 
 @media (min-width:768px) {
-  .emotion-36 {
+  .emotion-39 {
     min-width: 400px;
     max-width: 800px;
     margin: auto;
@@ -38,12 +38,12 @@ exports[`<Footer /> component should load the initial state of Footer component
 }
 
 @media (min-width:1024px) {
-  .emotion-36 {
+  .emotion-39 {
     max-width: 1240px;
   }
 }
 
-.emotion-27 {
+.emotion-30 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -52,7 +52,7 @@ exports[`<Footer /> component should load the initial state of Footer component
 }
 
 @media (min-width:768px) {
-  .emotion-27 {
+  .emotion-30 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -65,12 +65,12 @@ exports[`<Footer /> component should load the initial state of Footer component
   padding: 0 5px;
 }
 
-.emotion-25 {
+.emotion-28 {
   position: relative;
   height: 18px;
 }
 
-.emotion-25:hover .emotion-24 {
+.emotion-28:hover .emotion-27 {
   visibility: visible;
 }
 
@@ -83,7 +83,7 @@ exports[`<Footer /> component should load the initial state of Footer component
   padding: 0 10px;
 }
 
-.emotion-23 {
+.emotion-26 {
   position: absolute;
   background: #d3dddd;
   padding: 1px 4px;
@@ -101,7 +101,7 @@ exports[`<Footer /> component should load the initial state of Footer component
   top: -2px;
 }
 
-.emotion-23:before {
+.emotion-26:before {
   content: '';
   position: absolute;
   top: 29%;
@@ -123,7 +123,7 @@ exports[`<Footer /> component should load the initial state of Footer component
   padding: 0 5px;
 }
 
-.emotion-34 {
+.emotion-37 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -136,7 +136,7 @@ exports[`<Footer /> component should load the initial state of Footer component
 }
 
 @media (min-width:768px) {
-  .emotion-34 {
+  .emotion-37 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -144,7 +144,7 @@ exports[`<Footer /> component should load the initial state of Footer component
   }
 }
 
-.emotion-32 {
+.emotion-35 {
   box-sizing: initial;
   display: inline-block;
   cursor: pointer;
@@ -153,19 +153,19 @@ exports[`<Footer /> component should load the initial state of Footer component
   padding: 0 5px;
 }
 
-.emotion-29 {
+.emotion-32 {
   width: 100%;
   height: auto;
 }
 
 <div
-  class="emotion-38 emotion-39"
+  class="emotion-41 emotion-42"
 >
   <div
-    class="emotion-36 emotion-37"
+    class="emotion-39 emotion-40"
   >
     <div
-      class="emotion-27 emotion-28"
+      class="emotion-30 emotion-31"
     >
       Made with 
       <span
@@ -175,7 +175,7 @@ exports[`<Footer /> component should load the initial state of Footer component
       </span>
        on
       <span
-        class="emotion-25 emotion-26"
+        class="emotion-28 emotion-29"
       >
         <svg
           class="emotion-2 emotion-3 emotion-4"
@@ -188,7 +188,7 @@ exports[`<Footer /> component should load the initial state of Footer component
           />
         </svg>
         <span
-          class="emotion-23 emotion-24"
+          class="emotion-26 emotion-27"
         >
           <svg
             class="emotion-5 emotion-6 emotion-4"
@@ -250,20 +250,30 @@ exports[`<Footer /> component should load the initial state of Footer component
               xlink:href="[object Object]#austria"
             />
           </svg>
+          <svg
+            class="emotion-5 emotion-6 emotion-4"
+          >
+            <title>
+              Germany
+            </title>
+            <use
+              xlink:href="[object Object]#germany"
+            />
+          </svg>
         </span>
       </span>
     </div>
     <div
-      class="emotion-34 emotion-35"
+      class="emotion-37 emotion-38"
     >
       Powered by
       <span
-        class="emotion-5 emotion-32 emotion-33"
+        class="emotion-5 emotion-35 emotion-36"
         title="Verdaccio"
       >
         <img
           alt="Verdaccio"
-          class="emotion-29 emotion-30"
+          class="emotion-32 emotion-33"
           src="[object Object]"
         />
       </span>

src/components/Icon/Icon.tsx

@@ -6,6 +6,7 @@ import { Svg, Img, ImgWrapper } from './styles';
 import brazil from './img/brazil.svg';
 import china from './img/china.svg';
 import india from './img/india.svg';
+import germany from './img/germany.svg';
 import nicaragua from './img/nicaragua.svg';
 import pakistan from './img/pakistan.svg';
 import austria from './img/austria.svg';
@@ -25,6 +26,7 @@ export interface IconsMap {
   nicaragua: string;
   pakistan: string;
   austria: string;
+  germany: string;
   india: string;
   earth: string;
   verdaccio: string;
@@ -51,6 +53,7 @@ export const Icons: IconsMap = {
   license,
   time,
   version,
+  germany,
 };
 
 export interface Props {

src/components/Icon/img/germany.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="germany"><path d="M473.655 88.276H38.345C17.167 88.276 0 105.443 0 126.621v73.471h512v-73.471c0-21.178-17.167-38.345-38.345-38.345z" fill="#464655"/><path d="M0 385.379c0 21.177 17.167 38.345 38.345 38.345h435.31c21.177 0 38.345-17.167 38.345-38.345v-73.471H0v73.471z" fill="#ffe15a"/><path fill="#ff4b55" d="M0 200.09h512V311.9H0z"/></svg>