diff --git a/components/Icons/Person.tsx b/components/Icons/Person.tsx new file mode 100644 index 000000000..20c66c236 --- /dev/null +++ b/components/Icons/Person.tsx @@ -0,0 +1,36 @@ +import { iconVariants } from "./variants" + +import type { IconProps } from "@/types/components/icon" + +export default function PersonIcon({ className, color, ...props }: IconProps) { + const classNames = iconVariants({ className, color }) + return ( + + ) +} diff --git a/components/Icons/index.tsx b/components/Icons/index.tsx index 686798aff..4907399f8 100644 --- a/components/Icons/index.tsx +++ b/components/Icons/index.tsx @@ -12,5 +12,6 @@ export { default as HouseIcon } from "./House" export { default as InfoCircleIcon } from "./InfoCircle" export { default as LocationIcon } from "./Location" export { default as LockIcon } from "./Lock" +export { default as PersonIcon } from "./Person" export { default as PhoneIcon } from "./Phone" export { default as PlusCircleIcon } from "./PlusCircle" diff --git a/components/MyPages/Blocks/Stays/StayCard/index.tsx b/components/MyPages/Blocks/Stays/StayCard/index.tsx index 40d8f9f52..5119d098c 100644 --- a/components/MyPages/Blocks/Stays/StayCard/index.tsx +++ b/components/MyPages/Blocks/Stays/StayCard/index.tsx @@ -1,6 +1,6 @@ import { dt } from "@/lib/dt" -import { CalendarIcon } from "@/components/Icons" +import { CalendarIcon, PersonIcon } from "@/components/Icons" import Image from "@/components/Image" import Caption from "@/components/TempDesignSystem/Text/Caption" import Title from "@/components/TempDesignSystem/Text/Title" @@ -32,15 +32,21 @@ export default function StayCard({ stay, lang }: StayCardProps) {