From 318609da0727ff71c1ab1a64cb5cd3669b9d1c49 Mon Sep 17 00:00:00 2001
From: JAEMOONLEE <leejaemoon@lotte.net>
Date: Tue, 19 Sep 2023 11:47:18 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20Step3=20=EC=9E=98=EB=AA=BB=EB=90=9C=20?=
 =?UTF-8?q?=EB=B6=80=EB=B6=84=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/room/addRoom/step3.tsx     | 8 ++++----
 public/icons/rectangleCamera.svg | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 public/icons/rectangleCamera.svg

diff --git a/pages/room/addRoom/step3.tsx b/pages/room/addRoom/step3.tsx
index c5b9b1e..17d3367 100644
--- a/pages/room/addRoom/step3.tsx
+++ b/pages/room/addRoom/step3.tsx
@@ -12,7 +12,7 @@ import { FieldValues, SubmitHandler, useForm } from 'react-hook-form';
 import { Option } from '@/components/Select/Select';
 import { GuDong } from '../addRoom';
 import Rectangle from '@/public/icons/rectangle.svg';
-import RectanglePlus from '@/public/icons/rectanglePlus.svg';
+import RectangleCamera from '@/public/icons/rectangleCamera.svg';
 
 export const getStaticProps = async ({ locale }: GetStaticPropsContext) => ({
   props: {
@@ -91,8 +91,8 @@ export default function Step1() {
           {/* 업로드 버튼으로 사용될 SVG */}
           <div className="relative w-[120px] h-[110px] mt-[8px]"> 
             <Rectangle className="z-0" />
-            <RectanglePlus className="absolute z-10 top-[35px] left-[55px] transform -translate-x-1/2 -translate-y-1/2" />
-            <span className="absolute z-10 top-[67px] left-[55px] transform -translate-x-1/2 -translate-y-1/2 text-r1 semibold text-[12px]">Add photos</span>
+            <RectangleCamera className="absolute z-10 top-[45px] left-[55px] transform -translate-x-1/2 -translate-y-1/2" />
+            <span className="absolute z-10 top-[67px] left-[55px] transform -translate-x-1/2 -translate-y-1/2 text-g4 semibold text-[12px]">3/5</span>
           </div>
 
           <div className="mt-[30px]">
@@ -107,7 +107,7 @@ export default function Step1() {
             <div className="w-full">
               <div className="mb-[13px]">
                 <Button size="lg" type="submit" disabled={false}>
-                  {filterTranslation.t('Complete')}
+                  {filterTranslation.t('Next')}
                 </Button>
               </div>
             </div>
diff --git a/public/icons/rectangleCamera.svg b/public/icons/rectangleCamera.svg
new file mode 100644
index 0000000..63f8d39
--- /dev/null
+++ b/public/icons/rectangleCamera.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon16/Image">
+<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M12.2454 3.59998C11.9619 3.59998 11.6917 3.7203 11.5021 3.93101L8.44 7.33331H4C2.89543 7.33331 2 8.22874 2 9.33331V24C2 25.1045 2.89543 26 4 26H28C29.1046 26 30 25.1045 30 24V9.33331C30 8.22874 29.1046 7.33331 28 7.33331H23.56L20.4979 3.93101C20.3083 3.7203 20.0381 3.59998 19.7546 3.59998H12.2454ZM20.6663 15.6C20.6663 18.1773 18.577 20.2666 15.9997 20.2666C13.4223 20.2666 11.333 18.1773 11.333 15.6C11.333 13.0226 13.4223 10.9333 15.9997 10.9333C18.577 10.9333 20.6663 13.0226 20.6663 15.6Z" fill="#E0E0E0"/>
+</g>
+</svg>