From 708eb21a49c9ce38761b077790d212c85416a0de Mon Sep 17 00:00:00 2001
From: rr-bw <102181210+rr-bw@users.noreply.github.com>
Date: Fri, 25 Aug 2023 09:00:13 -0700
Subject: [PATCH] [PM-2400] Region Selector Image Quality (#5846)

* update destop images

* update images on browser

* update images on web vault

* revert to previous height

* merge master

* upload new images with same aspect-ratio
---
 apps/browser/src/popup/images/eu-flag.png     | Bin 4549 -> 0 bytes
 apps/browser/src/popup/images/flag-eu.svg     |  28 ++++++++++++++++++
 apps/browser/src/popup/images/flag-us.svg     |   9 ++++++
 apps/browser/src/popup/images/us-flag.png     | Bin 4268 -> 0 bytes
 apps/browser/src/popup/scss/environment.scss  |   5 ++--
 apps/desktop/src/images/eu-flag.png           | Bin 4549 -> 0 bytes
 apps/desktop/src/images/flag-eu.svg           |  28 ++++++++++++++++++
 apps/desktop/src/images/flag-us.svg           |   9 ++++++
 apps/desktop/src/images/us-flag.png           | Bin 4268 -> 0 bytes
 apps/desktop/src/scss/environment.scss        |   5 ++--
 .../environment-selector.component.html       |  16 +++++++---
 .../environment-selector.component.ts         |   4 +--
 apps/web/src/images/eu_flag.png               | Bin 4549 -> 0 bytes
 apps/web/src/images/flag-eu.svg               |  28 ++++++++++++++++++
 apps/web/src/images/flag-us.svg               |   9 ++++++
 apps/web/src/images/us_flag.png               | Bin 4268 -> 0 bytes
 .../environment-selector.component.html       |   2 +-
 17 files changed, 130 insertions(+), 13 deletions(-)
 delete mode 100644 apps/browser/src/popup/images/eu-flag.png
 create mode 100644 apps/browser/src/popup/images/flag-eu.svg
 create mode 100644 apps/browser/src/popup/images/flag-us.svg
 delete mode 100644 apps/browser/src/popup/images/us-flag.png
 delete mode 100644 apps/desktop/src/images/eu-flag.png
 create mode 100644 apps/desktop/src/images/flag-eu.svg
 create mode 100644 apps/desktop/src/images/flag-us.svg
 delete mode 100644 apps/desktop/src/images/us-flag.png
 delete mode 100644 apps/web/src/images/eu_flag.png
 create mode 100644 apps/web/src/images/flag-eu.svg
 create mode 100644 apps/web/src/images/flag-us.svg
 delete mode 100644 apps/web/src/images/us_flag.png

diff --git a/apps/browser/src/popup/images/eu-flag.png b/apps/browser/src/popup/images/eu-flag.png
deleted file mode 100644
index 592bc95e0ce80551d890e7867335df7c8206ccdb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4549
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
ZL?0{(q>lp{lP<qanyR`g6*p`m{s*wx2yFlW

diff --git a/apps/browser/src/popup/images/flag-eu.svg b/apps/browser/src/popup/images/flag-eu.svg
new file mode 100644
index 0000000000..bbfefd6b47
--- /dev/null
+++ b/apps/browser/src/popup/images/flag-eu.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+  <defs>
+    <g id="eu-d">
+      <g id="eu-b">
+        <path id="eu-a" d="m0-1-.3 1 .5.1z"/>
+        <use xlink:href="#eu-a" transform="scale(-1 1)"/>
+      </g>
+      <g id="eu-c">
+        <use xlink:href="#eu-b" transform="rotate(72)"/>
+        <use xlink:href="#eu-b" transform="rotate(144)"/>
+      </g>
+      <use xlink:href="#eu-c" transform="scale(-1 1)"/>
+    </g>
+  </defs>
+  <path fill="#039" d="M0 0h640v480H0z"/>
+  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
+    <use xlink:href="#eu-d" width="100%" height="100%" y="-6"/>
+    <use xlink:href="#eu-d" width="100%" height="100%" y="6"/>
+    <g id="eu-e">
+      <use xlink:href="#eu-d" width="100%" height="100%" x="-6"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+    </g>
+    <use xlink:href="#eu-e" width="100%" height="100%" transform="scale(-1 1)"/>
+  </g>
+</svg>
diff --git a/apps/browser/src/popup/images/flag-us.svg b/apps/browser/src/popup/images/flag-us.svg
new file mode 100644
index 0000000000..615946d4b5
--- /dev/null
+++ b/apps/browser/src/popup/images/flag-us.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-us" viewBox="0 0 640 480">
+  <path fill="#bd3d44" d="M0 0h640v480H0"/>
+  <path stroke="#fff" stroke-width="37" d="M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640"/>
+  <path fill="#192f5d" d="M0 0h364.8v258.5H0"/>
+  <marker id="us-a" markerHeight="30" markerWidth="30">
+    <path fill="#fff" d="m14 0 9 27L0 10h28L5 27z"/>
+  </marker>
+  <path fill="none" marker-mid="url(#us-a)" d="m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60L0 0"/>
+</svg>
diff --git a/apps/browser/src/popup/images/us-flag.png b/apps/browser/src/popup/images/us-flag.png
deleted file mode 100644
index 543dc133247764e7e227ac590a44a846676d9fc7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4268
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
BmNftX

diff --git a/apps/browser/src/popup/scss/environment.scss b/apps/browser/src/popup/scss/environment.scss
index cf25aa2ebf..19d39655f2 100644
--- a/apps/browser/src/popup/scss/environment.scss
+++ b/apps/browser/src/popup/scss/environment.scss
@@ -93,16 +93,15 @@ html.browser_safari {
 
   img {
     margin-bottom: -2px;
-    width: 22px;
     height: 14px;
   }
 
   .img-us {
-    content: url("../images/us-flag.png");
+    content: url("../images/flag-us.svg");
   }
 
   .img-eu {
-    content: url("../images/eu-flag.png");
+    content: url("../images/flag-eu.svg");
   }
 }
 
diff --git a/apps/desktop/src/images/eu-flag.png b/apps/desktop/src/images/eu-flag.png
deleted file mode 100644
index 592bc95e0ce80551d890e7867335df7c8206ccdb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4549
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
ZL?0{(q>lp{lP<qanyR`g6*p`m{s*wx2yFlW

diff --git a/apps/desktop/src/images/flag-eu.svg b/apps/desktop/src/images/flag-eu.svg
new file mode 100644
index 0000000000..bbfefd6b47
--- /dev/null
+++ b/apps/desktop/src/images/flag-eu.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+  <defs>
+    <g id="eu-d">
+      <g id="eu-b">
+        <path id="eu-a" d="m0-1-.3 1 .5.1z"/>
+        <use xlink:href="#eu-a" transform="scale(-1 1)"/>
+      </g>
+      <g id="eu-c">
+        <use xlink:href="#eu-b" transform="rotate(72)"/>
+        <use xlink:href="#eu-b" transform="rotate(144)"/>
+      </g>
+      <use xlink:href="#eu-c" transform="scale(-1 1)"/>
+    </g>
+  </defs>
+  <path fill="#039" d="M0 0h640v480H0z"/>
+  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
+    <use xlink:href="#eu-d" width="100%" height="100%" y="-6"/>
+    <use xlink:href="#eu-d" width="100%" height="100%" y="6"/>
+    <g id="eu-e">
+      <use xlink:href="#eu-d" width="100%" height="100%" x="-6"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+    </g>
+    <use xlink:href="#eu-e" width="100%" height="100%" transform="scale(-1 1)"/>
+  </g>
+</svg>
diff --git a/apps/desktop/src/images/flag-us.svg b/apps/desktop/src/images/flag-us.svg
new file mode 100644
index 0000000000..615946d4b5
--- /dev/null
+++ b/apps/desktop/src/images/flag-us.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-us" viewBox="0 0 640 480">
+  <path fill="#bd3d44" d="M0 0h640v480H0"/>
+  <path stroke="#fff" stroke-width="37" d="M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640"/>
+  <path fill="#192f5d" d="M0 0h364.8v258.5H0"/>
+  <marker id="us-a" markerHeight="30" markerWidth="30">
+    <path fill="#fff" d="m14 0 9 27L0 10h28L5 27z"/>
+  </marker>
+  <path fill="none" marker-mid="url(#us-a)" d="m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60L0 0"/>
+</svg>
diff --git a/apps/desktop/src/images/us-flag.png b/apps/desktop/src/images/us-flag.png
deleted file mode 100644
index 543dc133247764e7e227ac590a44a846676d9fc7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4268
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
BmNftX

diff --git a/apps/desktop/src/scss/environment.scss b/apps/desktop/src/scss/environment.scss
index d2bdfeeb66..b9e3eaa7b2 100644
--- a/apps/desktop/src/scss/environment.scss
+++ b/apps/desktop/src/scss/environment.scss
@@ -86,15 +86,14 @@
 
   img {
     margin-bottom: -2px;
-    width: 22px;
     height: 14px;
   }
 
   .img-us {
-    content: url("../images/us-flag.png");
+    content: url("../images/flag-us.svg");
   }
 
   .img-eu {
-    content: url("../images/eu-flag.png");
+    content: url("../images/flag-eu.svg");
   }
 }
diff --git a/apps/web/src/app/components/environment-selector/environment-selector.component.html b/apps/web/src/app/components/environment-selector/environment-selector.component.html
index 9fb954f008..2984d6a6a3 100644
--- a/apps/web/src/app/components/environment-selector/environment-selector.component.html
+++ b/apps/web/src/app/components/environment-selector/environment-selector.component.html
@@ -10,7 +10,11 @@
         aria-hidden="true"
         [style.visibility]="isUsServer ? 'visible' : 'hidden'"
       ></i>
-      <img src="../../images/us_flag.png" alt="{{ 'usFlag' | i18n }}" class="pb-1 mr-1" />
+      <img
+        src="../../images/flag-us.svg"
+        alt="{{ 'usFlag' | i18n }}"
+        class="tw-mr-1 tw-w-6 tw-pb-1"
+      />
       {{ "usDomain" | i18n }}
     </a>
     <a
@@ -24,7 +28,11 @@
         aria-hidden="true"
         [style.visibility]="isEuServer ? 'visible' : 'hidden'"
       ></i>
-      <img src="../../images/eu_flag.png" alt="{{ 'euFlag' | i18n }}" class="pb-1 mr-1" />
+      <img
+        src="../../images/flag-eu.svg"
+        alt="{{ 'euFlag' | i18n }}"
+        class="tw-mr-1 tw-w-6 tw-pb-1"
+      />
       {{ "euDomain" | i18n }}
     </a>
   </bit-menu>
@@ -36,9 +44,9 @@
       class="tw-rounded-md tw-border tw-border-solid tw-border-secondary-300 tw-bg-background tw-p-2"
     >
       <img
-        [src]="'../../images/' + selectedRegionImageName + '.png'"
+        [src]="'../../images/' + selectedRegionImageName + '.svg'"
         alt="{{ 'selectedRegionFlag' | i18n }}"
-        class="pb-1 mr-1 tw-ml-1"
+        class="tw-mx-1 tw-pb-1"
       /><label class="tw-cursor-pointer !tw-font-normal"
         >{{ isEuServer ? ("euDomain" | i18n) : ("usDomain" | i18n) }}
         <i class="bwi bwi-fw bwi-sm bwi-angle-down" aria-hidden="true"></i
diff --git a/apps/web/src/app/components/environment-selector/environment-selector.component.ts b/apps/web/src/app/components/environment-selector/environment-selector.component.ts
index 9f736a72e4..f9c06bbdd3 100644
--- a/apps/web/src/app/components/environment-selector/environment-selector.component.ts
+++ b/apps/web/src/app/components/environment-selector/environment-selector.component.ts
@@ -35,9 +35,9 @@ export class EnvironmentSelectorComponent implements OnInit {
 
   getRegionImage(): string {
     if (this.isEuServer) {
-      return "eu_flag";
+      return "flag-eu";
     } else {
-      return "us_flag";
+      return "flag-us";
     }
   }
 }
diff --git a/apps/web/src/images/eu_flag.png b/apps/web/src/images/eu_flag.png
deleted file mode 100644
index 592bc95e0ce80551d890e7867335df7c8206ccdb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4549
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
ZL?0{(q>lp{lP<qanyR`g6*p`m{s*wx2yFlW

diff --git a/apps/web/src/images/flag-eu.svg b/apps/web/src/images/flag-eu.svg
new file mode 100644
index 0000000000..bbfefd6b47
--- /dev/null
+++ b/apps/web/src/images/flag-eu.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+  <defs>
+    <g id="eu-d">
+      <g id="eu-b">
+        <path id="eu-a" d="m0-1-.3 1 .5.1z"/>
+        <use xlink:href="#eu-a" transform="scale(-1 1)"/>
+      </g>
+      <g id="eu-c">
+        <use xlink:href="#eu-b" transform="rotate(72)"/>
+        <use xlink:href="#eu-b" transform="rotate(144)"/>
+      </g>
+      <use xlink:href="#eu-c" transform="scale(-1 1)"/>
+    </g>
+  </defs>
+  <path fill="#039" d="M0 0h640v480H0z"/>
+  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
+    <use xlink:href="#eu-d" width="100%" height="100%" y="-6"/>
+    <use xlink:href="#eu-d" width="100%" height="100%" y="6"/>
+    <g id="eu-e">
+      <use xlink:href="#eu-d" width="100%" height="100%" x="-6"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+      <use xlink:href="#eu-d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+    </g>
+    <use xlink:href="#eu-e" width="100%" height="100%" transform="scale(-1 1)"/>
+  </g>
+</svg>
diff --git a/apps/web/src/images/flag-us.svg b/apps/web/src/images/flag-us.svg
new file mode 100644
index 0000000000..615946d4b5
--- /dev/null
+++ b/apps/web/src/images/flag-us.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-us" viewBox="0 0 640 480">
+  <path fill="#bd3d44" d="M0 0h640v480H0"/>
+  <path stroke="#fff" stroke-width="37" d="M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640"/>
+  <path fill="#192f5d" d="M0 0h364.8v258.5H0"/>
+  <marker id="us-a" markerHeight="30" markerWidth="30">
+    <path fill="#fff" d="m14 0 9 27L0 10h28L5 27z"/>
+  </marker>
+  <path fill="none" marker-mid="url(#us-a)" d="m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60L0 0"/>
+</svg>
diff --git a/apps/web/src/images/us_flag.png b/apps/web/src/images/us_flag.png
deleted file mode 100644
index 543dc133247764e7e227ac590a44a846676d9fc7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4268
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
BmNftX

diff --git a/libs/angular/src/auth/components/environment-selector.component.html b/libs/angular/src/auth/components/environment-selector.component.html
index f1ea36d76f..c7307edce9 100644
--- a/libs/angular/src/auth/components/environment-selector.component.html
+++ b/libs/angular/src/auth/components/environment-selector.component.html
@@ -81,7 +81,7 @@
         ></i>
         <i
           class="bwi bwi-fw bwi-md bwi-pencil-square"
-          style="padding-bottom: 1px; margin-right: 5px"
+          style="padding-bottom: 1px"
           aria-hidden="true"
         ></i>
         <span>{{ "selfHosted" | i18n }}</span>