From c879b0e6cb2a216d1868045e43a13b0d6deda6ae Mon Sep 17 00:00:00 2001
From: Simon Hong <shong@brave.com>
Date: Fri, 14 Apr 2023 22:17:04 +0900
Subject: [PATCH] Added BR flag image to vpn panel

fix https://github.com/brave/brave-browser/issues/29719
---
 .../brave_vpn/resources/panel/assets/country-flags/BR.svg       | 1 +
 components/brave_vpn/resources/panel/components/flag/index.tsx  | 2 +-
 components/brave_vpn/resources/panel/static_resources.grd       | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)
 create mode 100644 components/brave_vpn/resources/panel/assets/country-flags/BR.svg

diff --git a/components/brave_vpn/resources/panel/assets/country-flags/BR.svg b/components/brave_vpn/resources/panel/assets/country-flags/BR.svg
new file mode 100644
index 000000000000..211232a2df12
--- /dev/null
+++ b/components/brave_vpn/resources/panel/assets/country-flags/BR.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 18"><g clip-path="url(#a)"><mask id="b" width="24" height="18" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M0 0h24v18H0z"/></mask><g mask="url(#b)"><path fill="#093" fill-rule="evenodd" d="M0 0v18h24V0H0Z" clip-rule="evenodd"/><mask id="c" width="24" height="18" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M0 0v18h24V0H0Z" clip-rule="evenodd"/></mask><g mask="url(#c)"><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#d)"><path fill="#FFD221" d="m11.945 2.778 9.151 6.378-9.275 5.973-8.964-6.097 9.088-6.254Z"/><path fill="url(#e)" d="m11.945 2.778 9.151 6.378-9.275 5.973-8.964-6.097 9.088-6.254Z"/></g><path fill="#2E42A5" fill-rule="evenodd" d="M12 12.9a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z" clip-rule="evenodd"/><mask id="f" width="8" height="8" x="8" y="5" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M12 12.9a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z" clip-rule="evenodd"/></mask><g mask="url(#f)"><path fill="#F7FCFF" fill-rule="evenodd" d="m10.785 10.928-.168.088.032-.187-.135-.132.187-.027.084-.17.084.17.187.027-.135.132.032.187-.168-.088Zm1.5 0-.168.088.032-.187-.135-.132.187-.027.084-.17.084.17.187.027-.135.132.032.187-.168-.088Zm0 .9-.168.088.032-.187-.135-.132.187-.027.084-.17.084.17.187.027-.135.132.032.187-.168-.088Zm-.75-3.15-.168.088.032-.187-.135-.132.187-.027.084-.17.084.17.187.027-.135.132.032.187-.168-.088Zm0 1.5-.168.088.032-.187-.135-.132.187-.027.084-.17.084.17.187.027-.135.132.032.187-.168-.088Zm-1.05-.75-.167.088.032-.187-.136-.132.187-.027.084-.17.084.17.187.027-.136.132.033.187-.168-.088Zm-1.05.599-.168.089.032-.187-.135-.132.187-.027.084-.17.084.17.187.027-.136.132.032.187-.167-.088Zm3.45-2.549-.168.088.032-.187-.135-.132.187-.027.084-.17.084.17.187.027-.135.132.032.187-.168-.088Z" clip-rule="evenodd"/><path fill="#F7FCFF" d="m7.444 8.248.112-1.496c3.599.271 6.439 1.455 8.485 3.56l-1.075 1.045c-1.774-1.824-4.27-2.864-7.522-3.11Z"/><path fill="#093" d="m9.217 7.952.039-.373c2.32.24 4.31 1.129 5.963 2.664l-.255.275c-1.594-1.48-3.507-2.334-5.747-2.566Z"/></g></g></g></g><rect width="23" height="17" x=".5" y=".5" stroke="#000" stroke-opacity=".1" rx="1.5"/><defs><linearGradient id="e" x1="24" x2="24" y1="18" y2="0" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC600"/><stop offset="1" stop-color="#FFDE42"/></linearGradient><clipPath id="a"><rect width="24" height="18" fill="#fff" rx="2"/></clipPath><filter id="d" width="18.24" height="12.35" x="2.857" y="2.778" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feColorMatrix values="0 0 0 0 0.0313726 0 0 0 0 0.368627 0 0 0 0 0 0 0 0 0.28 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_701_24657"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_701_24657" result="shape"/></filter></defs></svg>
\ No newline at end of file
diff --git a/components/brave_vpn/resources/panel/components/flag/index.tsx b/components/brave_vpn/resources/panel/components/flag/index.tsx
index 4e5e07d590a4..44452578ab73 100644
--- a/components/brave_vpn/resources/panel/components/flag/index.tsx
+++ b/components/brave_vpn/resources/panel/components/flag/index.tsx
@@ -22,7 +22,7 @@ export const IconBox = styled.span`
   }
 `
 
-const COUNTRIES = ['AU', 'CA', 'CH', 'DE', 'ES', 'FR', 'GB', 'JP', 'NL', 'SG', 'US']
+const COUNTRIES = ['AU', 'BR', 'CA', 'CH', 'DE', 'ES', 'FR', 'GB', 'JP', 'NL', 'SG', 'US']
 
 function Flag (props: Props) {
   const [url, setUrl] = React.useState<undefined | string>(undefined)
diff --git a/components/brave_vpn/resources/panel/static_resources.grd b/components/brave_vpn/resources/panel/static_resources.grd
index 6616752f8e85..d21338911eef 100644
--- a/components/brave_vpn/resources/panel/static_resources.grd
+++ b/components/brave_vpn/resources/panel/static_resources.grd
@@ -11,6 +11,7 @@
   <release seq="1">
     <includes>
       <include name="IDR_BRAVE_VPN_COUNTRY_FLAG_AU_SVG" file="assets/country-flags/AU.svg" type="BINDATA" />
+      <include name="IDR_BRAVE_VPN_COUNTRY_FLAG_BR_SVG" file="assets/country-flags/BR.svg" type="BINDATA" />
       <include name="IDR_BRAVE_VPN_COUNTRY_FLAG_CA_SVG" file="assets/country-flags/CA.svg" type="BINDATA" />
       <include name="IDR_BRAVE_VPN_COUNTRY_FLAG_CH_SVG" file="assets/country-flags/CH.svg" type="BINDATA" />
       <include name="IDR_BRAVE_VPN_COUNTRY_FLAG_DE_SVG" file="assets/country-flags/DE.svg" type="BINDATA" />