From 9b51a00e2072d9f95ae31ce272d19eee07031231 Mon Sep 17 00:00:00 2001 From: Gareth Jones Date: Tue, 28 Jan 2025 08:13:44 -0500 Subject: [PATCH 1/4] Adding South Korea and UAE flags to library --- src/components/icons/Flags/SouthKorea.tsx | 56 +++++++++++++++++++ .../icons/Flags/UnitedArabEmirates.tsx | 44 +++++++++++++++ src/components/icons/Flags/index.tsx | 8 ++- 3 files changed, 107 insertions(+), 1 deletion(-) create mode 100644 src/components/icons/Flags/SouthKorea.tsx create mode 100644 src/components/icons/Flags/UnitedArabEmirates.tsx diff --git a/src/components/icons/Flags/SouthKorea.tsx b/src/components/icons/Flags/SouthKorea.tsx new file mode 100644 index 00000000..e1744933 --- /dev/null +++ b/src/components/icons/Flags/SouthKorea.tsx @@ -0,0 +1,56 @@ +import React from "react"; + +const SouthKorea = (props: React.SVGAttributes): React.ReactElement => ( + + + + + + + + + + + + + + + + +); + +export default SouthKorea; diff --git a/src/components/icons/Flags/UnitedArabEmirates.tsx b/src/components/icons/Flags/UnitedArabEmirates.tsx new file mode 100644 index 00000000..5fdf7fe2 --- /dev/null +++ b/src/components/icons/Flags/UnitedArabEmirates.tsx @@ -0,0 +1,44 @@ +import React from "react"; + +const UnitedArabEmirates = ( + props: React.SVGAttributes +): React.ReactElement => ( + + + + + + + + + + + + + +); + +export default UnitedArabEmirates; diff --git a/src/components/icons/Flags/index.tsx b/src/components/icons/Flags/index.tsx index c7cc79d1..f043ebe2 100644 --- 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"; @@ -34,7 +36,9 @@ export type FlagName = | "sw" | "usa" | "uk" - | "za"; + | "za" + | "uae" + | "kr"; export interface FlagProps extends Omit, "size"> { name: FlagName; @@ -59,6 +63,8 @@ export const FlagList = { sw: Sweden, uk: UnitedKingdom, usa: UnitedStates, + uae: UnitedArabEmirates, + kr: SouthKorea, }; const Flags = ({ name, size, ...props }: FlagProps) => { From a1d69f3305cef4e7d6c210ae65c95e46b1b387be Mon Sep 17 00:00:00 2001 From: Gareth Jones Date: Tue, 28 Jan 2025 08:16:28 -0500 Subject: [PATCH 2/4] Reordering --- src/components/icons/Flags/index.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/icons/Flags/index.tsx b/src/components/icons/Flags/index.tsx index f043ebe2..a562d052 100644 --- a/src/components/icons/Flags/index.tsx +++ b/src/components/icons/Flags/index.tsx @@ -33,12 +33,12 @@ export type FlagName = | "jp" | "nl" | "sg" + | "kr" | "sw" + | "uae" | "usa" | "uk" - | "za" - | "uae" - | "kr"; + | "za"; export interface FlagProps extends Omit, "size"> { name: FlagName; @@ -60,11 +60,11 @@ export const FlagList = { nl: Netherlands, sg: Singapore, za: SouthAfrica, + kr: SouthKorea, sw: Sweden, + uae: UnitedArabEmirates, uk: UnitedKingdom, usa: UnitedStates, - uae: UnitedArabEmirates, - kr: SouthKorea, }; const Flags = ({ name, size, ...props }: FlagProps) => { From bf12067f75a2c17291eb758c1c777d6928a81763 Mon Sep 17 00:00:00 2001 From: Gareth Jones Date: Tue, 28 Jan 2025 08:18:38 -0500 Subject: [PATCH 3/4] Fixing typos --- src/components/icons/Flags/SouthKorea.tsx | 6 +++--- src/components/icons/Flags/UnitedArabEmirates.tsx | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/icons/Flags/SouthKorea.tsx b/src/components/icons/Flags/SouthKorea.tsx index e1744933..1860c80d 100644 --- a/src/components/icons/Flags/SouthKorea.tsx +++ b/src/components/icons/Flags/SouthKorea.tsx @@ -9,7 +9,7 @@ const SouthKorea = (props: React.SVGAttributes): React.ReactElement xmlns="http://www.w3.org/2000/svg" {...props} > - + ): React.ReactElement ): React.ReactElement - + Date: Tue, 28 Jan 2025 08:21:00 -0500 Subject: [PATCH 4/4] Switch to AE for consistency --- src/components/icons/Flags/index.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/icons/Flags/index.tsx b/src/components/icons/Flags/index.tsx index a562d052..9988afb8 100644 --- a/src/components/icons/Flags/index.tsx +++ b/src/components/icons/Flags/index.tsx @@ -21,6 +21,7 @@ import { SvgImageElement } from "@/components/commonElement"; import Switzerland from "@/components/icons/Flags/Switzerland.tsx"; export type FlagName = + | "ae" | "au" | "br" | "ca" @@ -35,7 +36,6 @@ export type FlagName = | "sg" | "kr" | "sw" - | "uae" | "usa" | "uk" | "za"; @@ -47,6 +47,7 @@ export interface FlagProps extends Omit, "size"> { // eslint-disable-next-line react-refresh/only-export-components export const FlagList = { + ae: UnitedArabEmirates, au: Australia, br: Brazil, ca: Canada, @@ -62,7 +63,6 @@ export const FlagList = { za: SouthAfrica, kr: SouthKorea, sw: Sweden, - uae: UnitedArabEmirates, uk: UnitedKingdom, usa: UnitedStates, };