+
{'Sale Price'}
diff --git a/src/components/forms/shopSetting.jsx b/src/components/forms/shopSetting.jsx
index 94d4d35..6fa13f2 100644
--- a/src/components/forms/shopSetting.jsx
+++ b/src/components/forms/shopSetting.jsx
@@ -519,7 +519,7 @@ export default function ShopSettingFrom({ data: currentShop, isLoading: category
{categoryLoading ? (
) : (
-
+
Country
)}
diff --git a/src/components/forms/userShop.jsx b/src/components/forms/userShop.jsx
index 0c68b28..f797c73 100644
--- a/src/components/forms/userShop.jsx
+++ b/src/components/forms/userShop.jsx
@@ -422,7 +422,7 @@ export default function CreateShopSettingFrom() {
helperText={touched.phone && errors.phone}
/>
-
+
Country
@@ -444,7 +444,7 @@ export default function CreateShopSettingFrom() {
))}
-
+
City
@@ -457,7 +457,7 @@ export default function CreateShopSettingFrom() {
helperText={touched.address?.city && errors.address?.city}
/>
-
+
State
@@ -472,7 +472,7 @@ export default function CreateShopSettingFrom() {
- Street Address
+ Address
{isLoading ? : row?.phone}
{isLoading ? : row?.totalOrders || 0}
- {isLoading ? : row.role}
+ {isLoading ? : }
{isLoading ? : fDateShort(row.createdAt, enUS)}
diff --git a/src/components/upload/UploadMultiFile.jsx b/src/components/upload/UploadMultiFile.jsx
index cbaf8d1..3a41758 100644
--- a/src/components/upload/UploadMultiFile.jsx
+++ b/src/components/upload/UploadMultiFile.jsx
@@ -44,6 +44,14 @@ UploadMultiFile.propTypes = {
export default function UploadMultiFile({ ...props }) {
const { error, files, onRemove, blob, isEdit, onRemoveAll, loading, sx, ...other } = props;
const [modalOpen, setModalOpen] = useState(false);
+
+
+ const [priceModalOpen, setPriceModalOpen] = useState(false); // 금액 입력 모달 열기 상태
+ const [clientPosition, setClientPosition] = useState({ x: 0, y: 0 }); // 클릭 위치
+ const [price, setPrice] = useState(''); // 금액 입력 상태
+ const [annotations, setAnnotations] = useState([]); // 입력된 금액 및 위치 저장
+
+
const [image, setImage] = useState('');
const [predictions, setPredictions] = useState([]); // Roboflow 결과 저장
const canvasRef = useRef(null); // 캔버스 참조
@@ -116,6 +124,22 @@ export default function UploadMultiFile({ ...props }) {
detectWithRoboflow();
};
+ // 캔버스 클릭 시 실행되는 핸들러
+ const priceTagHandler = (event) => {
+ const rect = event.target.getBoundingClientRect();
+ const x = event.clientX - rect.left; // 캔버스 내 X 좌표
+ const y = event.clientY - rect.top; // 캔버스 내 Y 좌표
+ setClientPosition({ x, y });
+ setPriceModalOpen(true); // 금액 입력 모달 열기
+ };
+
+ // 금액 입력 후 저장
+ const handleSavePrice = () => {
+ setAnnotations([...annotations, { x: clientPosition.x, y: clientPosition.y, price }]);
+ setPriceModalOpen(false); // 모달 닫기
+ setPrice(''); // 입력 초기화
+ };
+
return (
AI 상품 검출
-
+ {/* 금액 입력 모달 */}
+ setPriceModalOpen(false)}>
+
+ Enter Price
+ setPrice(e.target.value)}
+ placeholder="Enter price"
+ style={{ padding: '8px', borderRadius: '4px', border: '1px solid #ddd' }}
+ />
+
+
+
+