Skip to content

Commit 59bbbe0

Browse files
guykohguykoh
authored
Merge pull request #529 from ClickHouse/gj-add-countries
Adding South Korea and United Arab Emirates to the library
2 parents 7e26566 + bd9dbca commit 59bbbe0

File tree

3 files changed

+106
-0
lines changed

3 files changed

+106
-0
lines changed

‎src/components/icons/Flags/SouthKorea.tsx

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
import React from "react";
2+
3+
const SouthKorea = (props: React.SVGAttributes<SVGElement>): React.ReactElement => (
4+
<svg
5+
width="30"
6+
height="20"
7+
viewBox="0 0 30 20"
8+
fill="none"
9+
xmlns="http://www.w3.org/2000/svg"
10+
{...props}
11+
>
12+
<g clipPath="url(#clip0_10582_2008)">
13+
<path
14+
d="M0 0V20H30V0H0Z"
15+
fill="white"
16+
/>
17+
<path
18+
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"
19+
fill="black"
20+
/>
21+
<path
22+
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"
23+
stroke="black"
24+
strokeWidth="0.833333"
25+
/>
26+
<path
27+
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"
28+
fill="black"
29+
/>
30+
<path
31+
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"
32+
stroke="black"
33+
strokeWidth="0.833333"
34+
/>
35+
<path
36+
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"
37+
fill="#CD2E3A"
38+
/>
39+
<path
40+
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"
41+
fill="#0047A0"
42+
/>
43+
</g>
44+
<defs>
45+
<clipPath id="clip0_10582_2008">
46+
<rect
47+
width="30"
48+
height="20"
49+
fill="white"
50+
/>
51+
</clipPath>
52+
</defs>
53+
</svg>
54+
);
55+
56+
export default SouthKorea;

‎src/components/icons/Flags/UnitedArabEmirates.tsx

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
import React from "react";
2+
3+
const UnitedArabEmirates = (
4+
props: React.SVGAttributes<SVGElement>
5+
): React.ReactElement => (
6+
<svg
7+
width="30"
8+
height="20"
9+
viewBox="0 0 30 20"
10+
fill="none"
11+
xmlns="http://www.w3.org/2000/svg"
12+
{...props}
13+
>
14+
<g clipPath="url(#clip0_10582_2024)">
15+
<path
16+
d="M30 0H0V20H30V0Z"
17+
fill="#00732F"
18+
/>
19+
<path
20+
d="M30 6.6665H0V19.9998H30V6.6665Z"
21+
fill="white"
22+
/>
23+
<path
24+
d="M30 13.3335H0V20.0002H30V13.3335Z"
25+
fill="black"
26+
/>
27+
<path
28+
d="M7.5 0H0V20H7.5V0Z"
29+
fill="#FF0000"
30+
/>
31+
</g>
32+
<defs>
33+
<clipPath id="clip0_10582_2024">
34+
<rect
35+
width="30"
36+
height="20"
37+
fill="white"
38+
/>
39+
</clipPath>
40+
</defs>
41+
</svg>
42+
);
43+
44+
export default UnitedArabEmirates;

‎src/components/icons/Flags/index.tsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { SVGAttributes } from "react";
22
import UnitedStates from "./UnitedStates";
33
import UnitedKingdom from "./UnitedKingdom";
4+
import UnitedArabEmirates from "./UnitedArabEmirates";
45
import EuropeanUnion from "./EuropeanUnion";
56
import Germany from "./Germany";
67
import GreatBritain from "./GreatBritain";
@@ -11,6 +12,7 @@ import Japan from "./Japan";
1112
import Netherlands from "./Netherlands";
1213
import Australia from "./Australia";
1314
import SouthAfrica from "./SouthAfrica";
15+
import SouthKorea from "./SouthKorea";
1416
import Brazil from "./Brazil";
1517
import Canada from "./Canada";
1618
import Sweden from "./Sweden";
@@ -19,6 +21,7 @@ import { SvgImageElement } from "@/components/commonElement";
1921
import Switzerland from "@/components/icons/Flags/Switzerland.tsx";
2022

2123
export type FlagName =
24+
| "ae"
2225
| "au"
2326
| "br"
2427
| "ca"
@@ -31,6 +34,7 @@ export type FlagName =
3134
| "jp"
3235
| "nl"
3336
| "sg"
37+
| "kr"
3438
| "sw"
3539
| "usa"
3640
| "uk"
@@ -43,6 +47,7 @@ export interface FlagProps extends Omit<SVGAttributes<SVGElement>, "size"> {
4347

4448
// eslint-disable-next-line react-refresh/only-export-components
4549
export const FlagList = {
50+
ae: UnitedArabEmirates,
4651
au: Australia,
4752
br: Brazil,
4853
ca: Canada,
@@ -56,6 +61,7 @@ export const FlagList = {
5661
nl: Netherlands,
5762
sg: Singapore,
5863
za: SouthAfrica,
64+
kr: SouthKorea,
5965
sw: Sweden,
6066
uk: UnitedKingdom,
6167
usa: UnitedStates,

0 commit comments

Comments
 (0)