feat(SW-189): added dynamic map

components/Icons/Minus.tsx

@@ -0,0 +1,23 @@
+import { iconVariants } from "./variants"
+
+import type { IconProps } from "@/types/components/icon"
+
+export default function MinusIcon({ className, color, ...props }: IconProps) {
+  const classNames = iconVariants({ className, color })
+  return (
+    <svg
+      className={classNames}
+      xmlns="http://www.w3.org/2000/svg"
+      width="14"
+      height="2"
+      viewBox="0 0 14 2"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M1.125 1.86249C0.877083 1.86249 0.669267 1.77842 0.50155 1.61029C0.33385 1.44217 0.25 1.23384 0.25 0.985287C0.25 0.736754 0.33385 0.529154 0.50155 0.362488C0.669267 0.195821 0.877083 0.112488 1.125 0.112488H12.875C13.1229 0.112488 13.3307 0.196555 13.4985 0.364688C13.6662 0.532805 13.75 0.741138 13.75 0.989688C13.75 1.23822 13.6662 1.44582 13.4985 1.61249C13.3307 1.77915 13.1229 1.86249 12.875 1.86249H1.125Z"
+        fill="#4D001B"
+      />
+    </svg>
+  )
+}

components/Icons/Plus.tsx

@@ -0,0 +1,23 @@
+import { iconVariants } from "./variants"
+
+import type { IconProps } from "@/types/components/icon"
+
+export default function PlusIcon({ className, color, ...props }: IconProps) {
+  const classNames = iconVariants({ className, color })
+  return (
+    <svg
+      className={classNames}
+      xmlns="http://www.w3.org/2000/svg"
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M6.125 7.86249H1.125C0.877083 7.86249 0.669267 7.77842 0.50155 7.61029C0.33385 7.44217 0.25 7.23384 0.25 6.98529C0.25 6.73675 0.33385 6.52915 0.50155 6.36249C0.669267 6.19582 0.877083 6.11249 1.125 6.11249H6.125V1.11249C6.125 0.864571 6.20907 0.656755 6.3772 0.489038C6.54532 0.321338 6.75365 0.237488 7.0022 0.237488C7.25073 0.237488 7.45833 0.321338 7.625 0.489038C7.79167 0.656755 7.875 0.864571 7.875 1.11249V6.11249H12.875C13.1229 6.11249 13.3307 6.19656 13.4985 6.36469C13.6662 6.5328 13.75 6.74114 13.75 6.98969C13.75 7.23822 13.6662 7.44582 13.4985 7.61249C13.3307 7.77915 13.1229 7.86249 12.875 7.86249H7.875V12.8625C7.875 13.1104 7.79093 13.3182 7.6228 13.4859C7.45468 13.6536 7.24635 13.7375 6.9978 13.7375C6.74927 13.7375 6.54167 13.6536 6.375 13.4859C6.20833 13.3182 6.125 13.1104 6.125 12.8625V7.86249Z"
+        fill="#26201E"
+      />
+    </svg>
+  )
+}

components/Icons/get-icon-by-icon-name.ts

@@ -33,12 +33,14 @@ import {
   InfoCircleIcon,
   LocationIcon,
   LockIcon,
+  MinusIcon,
   ParkingIcon,
   People2Icon,
   PersonIcon,
   PetsIcon,
   PhoneIcon,
   PlusCircleIcon,
+  PlusIcon,
   RestaurantIcon,
   SaunaIcon,
   SearchIcon,
@@ -114,6 +116,8 @@ export function getIconByIconName(icon?: IconName): FC<IconProps> | null {
       return LocationIcon
     case IconName.Lock:
       return LockIcon
+    case IconName.Minus:
+      return MinusIcon
     case IconName.Parking:
       return ParkingIcon
     case IconName.Person:
@@ -124,6 +128,8 @@ export function getIconByIconName(icon?: IconName): FC<IconProps> | null {
       return PetsIcon
     case IconName.Phone:
       return PhoneIcon
+    case IconName.Plus:
+      return PlusIcon
     case IconName.PlusCircle:
       return PlusCircleIcon
     case IconName.Restaurant:

components/Icons/index.tsx

@@ -29,11 +29,13 @@ export { default as ImageIcon } from "./Image"
 export { default as InfoCircleIcon } from "./InfoCircle"
 export { default as LocationIcon } from "./Location"
 export { default as LockIcon } from "./Lock"
+export { default as MinusIcon } from "./Minus"
 export { default as ParkingIcon } from "./Parking"
 export { default as People2Icon } from "./People2"
 export { default as PersonIcon } from "./Person"
 export { default as PetsIcon } from "./Pets"
 export { default as PhoneIcon } from "./Phone"
+export { default as PlusIcon } from "./Plus"
 export { default as PlusCircleIcon } from "./PlusCircle"
 export { default as PriceTagIcon } from "./PriceTag"
 export { default as RestaurantIcon } from "./Restaurant"