Merge pull request #529 from ClickHouse/gj-add-countries

Adding South Korea and United Arab Emirates to the library
ClickHouse · Jan 28, 2025 · 59bbbe0 · 59bbbe0
2 parents 7e26566 + bd9dbca
commit 59bbbe0
Show file tree

Hide file tree

Showing 3 changed files with 106 additions and 0 deletions.
diff --git a/src/components/icons/Flags/SouthKorea.tsx b/src/components/icons/Flags/SouthKorea.tsx
@@ -0,0 +1,56 @@
+import React from "react";
+
+const SouthKorea = (props: React.SVGAttributes<SVGElement>): React.ReactElement => (
+  <svg
+    width="30"
+    height="20"
+    viewBox="0 0 30 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#clip0_10582_2008)">
+      <path
+        d="M0 0V20H30V0H0Z"
+        fill="white"
+      />
+      <path
+        d="M7.71973 2.1416L4.94623 6.30185L7.71973 2.1416ZM5.98629 6.99523L8.75979 2.83498L5.98629 6.99523ZM9.79985 3.52835L7.02635 7.6886L9.79985 3.52835ZM20.2005 16.4714L21.4717 14.5646L20.2005 16.4714ZM21.7028 14.2179L22.974 12.3111L21.7028 14.2179ZM24.014 13.0045L22.7429 14.9113L24.014 13.0045ZM22.5117 15.258L21.2405 17.1647L22.5117 15.258ZM22.2806 17.8581L23.5518 15.9513L22.2806 17.8581ZM23.7829 15.6046L25.0541 13.6979L23.7829 15.6046Z"
+        fill="black"
+      />
+      <path
+        d="M7.71973 2.1416L4.94623 6.30185M5.98629 6.99523L8.75979 2.83498M9.79985 3.52835L7.02635 7.6886M20.2005 16.4714L21.4717 14.5646M21.7028 14.2179L22.974 12.3111M24.014 13.0045L22.7429 14.9113M22.5117 15.258L21.2405 17.1647M22.2806 17.8581L23.5518 15.9513M23.7829 15.6046L25.0541 13.6979"
+        stroke="black"
+        strokeWidth="0.833333"
+      />
+      <path
+        d="M4.94629 13.6982L7.71979 17.8585L4.94629 13.6982ZM8.75985 17.1651L7.48866 15.2583L8.75985 17.1651ZM7.25754 14.9116L5.98635 13.0049L7.25754 14.9116ZM7.02641 12.3115L9.79992 16.4717L7.02641 12.3115ZM22.974 7.68899L21.7029 5.78221L22.974 7.68899ZM21.4717 5.43552L20.2005 3.52874L21.4717 5.43552ZM21.2406 2.83536L24.0141 6.99561L21.2406 2.83536ZM25.0542 6.30224L23.783 4.39546L25.0542 6.30224ZM23.5519 4.04877L22.2807 2.14199L23.5519 4.04877Z"
+        fill="black"
+      />
+      <path
+        d="M4.94629 13.6982L7.71979 17.8585M8.75985 17.1651L7.48867 15.2583M7.25754 14.9116L5.98635 13.0049M7.02641 12.3115L9.79992 16.4717M22.974 7.68899L21.7029 5.78221M21.4717 5.43552L20.2005 3.52874M21.2406 2.83536L24.0141 6.99561M25.0542 6.30224L23.783 4.39546M23.5519 4.04877L22.2807 2.14199"
+        stroke="black"
+        strokeWidth="0.833333"
+      />
+      <path
+        d="M17.0802 11.3869C16.5285 12.2144 15.6707 12.7889 14.6954 12.984C13.7202 13.179 12.7074 12.9787 11.8798 12.427C11.0523 11.8753 10.4778 11.0175 10.2828 10.0422C10.0877 9.06697 10.2881 8.05418 10.8398 7.22666C11.5754 6.12329 12.7191 5.35732 14.0195 5.09726C15.3198 4.83719 16.6702 5.10433 17.7735 5.83991C18.8769 6.57549 19.6429 7.71925 19.9029 9.01958C20.163 10.3199 19.8959 11.6703 19.1603 12.7737"
+        fill="#CD2E3A"
+      />
+      <path
+        d="M15.0001 10.0001C15.3679 9.44843 15.9397 9.06544 16.5899 8.93541C17.2401 8.80538 17.9153 8.93895 18.4669 9.30674C19.0186 9.67452 19.4016 10.2464 19.5316 10.8966C19.6617 11.5467 19.5281 12.2219 19.1603 12.7736C18.4247 13.877 17.281 14.6429 15.9806 14.903C14.6803 15.1631 13.3299 14.8959 12.2266 14.1604C11.1232 13.4248 10.3572 12.281 10.0972 10.9807C9.83709 9.68036 10.1042 8.32998 10.8398 7.22661C10.472 7.77829 10.3385 8.45349 10.4685 9.10365C10.5985 9.75382 10.9815 10.3257 11.5332 10.6935C12.0849 11.0613 12.7601 11.1948 13.4102 11.0648C14.0604 10.9348 14.6323 10.5518 15.0001 10.0001Z"
+        fill="#0047A0"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_10582_2008">
+        <rect
+          width="30"
+          height="20"
+          fill="white"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default SouthKorea;
diff --git a/src/components/icons/Flags/UnitedArabEmirates.tsx b/src/components/icons/Flags/UnitedArabEmirates.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+
+const UnitedArabEmirates = (
+  props: React.SVGAttributes<SVGElement>
+): React.ReactElement => (
+  <svg
+    width="30"
+    height="20"
+    viewBox="0 0 30 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#clip0_10582_2024)">
+      <path
+        d="M30 0H0V20H30V0Z"
+        fill="#00732F"
+      />
+      <path
+        d="M30 6.6665H0V19.9998H30V6.6665Z"
+        fill="white"
+      />
+      <path
+        d="M30 13.3335H0V20.0002H30V13.3335Z"
+        fill="black"
+      />
+      <path
+        d="M7.5 0H0V20H7.5V0Z"
+        fill="#FF0000"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_10582_2024">
+        <rect
+          width="30"
+          height="20"
+          fill="white"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default UnitedArabEmirates;
diff --git a/src/components/icons/Flags/index.tsx b/src/components/icons/Flags/index.tsx
@@ -1,6 +1,7 @@
 import { SVGAttributes } from "react";
 import UnitedStates from "./UnitedStates";
 import UnitedKingdom from "./UnitedKingdom";
+import UnitedArabEmirates from "./UnitedArabEmirates";
 import EuropeanUnion from "./EuropeanUnion";
 import Germany from "./Germany";
 import GreatBritain from "./GreatBritain";
@@ -11,6 +12,7 @@ import Japan from "./Japan";
 import Netherlands from "./Netherlands";
 import Australia from "./Australia";
 import SouthAfrica from "./SouthAfrica";
+import SouthKorea from "./SouthKorea";
 import Brazil from "./Brazil";
 import Canada from "./Canada";
 import Sweden from "./Sweden";
@@ -19,6 +21,7 @@ import { SvgImageElement } from "@/components/commonElement";
 import Switzerland from "@/components/icons/Flags/Switzerland.tsx";
 
 export type FlagName =
+  | "ae"
   | "au"
   | "br"
   | "ca"
@@ -31,6 +34,7 @@ export type FlagName =
   | "jp"
   | "nl"
   | "sg"
+  | "kr"
   | "sw"
   | "usa"
   | "uk"
@@ -43,6 +47,7 @@ export interface FlagProps extends Omit<SVGAttributes<SVGElement>, "size"> {
 
 // eslint-disable-next-line react-refresh/only-export-components
 export const FlagList = {
+  ae: UnitedArabEmirates,
   au: Australia,
   br: Brazil,
   ca: Canada,
@@ -56,6 +61,7 @@ export const FlagList = {
   nl: Netherlands,
   sg: Singapore,
   za: SouthAfrica,
+  kr: SouthKorea,
   sw: Sweden,
   uk: UnitedKingdom,
   usa: UnitedStates,