ok
This commit is contained in:
@@ -219,7 +219,7 @@ const Child = styled.div`
|
||||
|
||||
const Header = ({
|
||||
HeaderText,
|
||||
HeaderSize = '6vw',
|
||||
HeaderSize = '5vw',
|
||||
shopId,
|
||||
shopName,
|
||||
shopImage,
|
||||
|
||||
@@ -25,13 +25,6 @@ const Item = ({
|
||||
const [itemPrice, setItemPrice] = useState(initialPrice);
|
||||
const fileInputRef = useRef(null);
|
||||
|
||||
useEffect(() => {
|
||||
if(!isBeingEdit) {
|
||||
setPreviewUrl(imageUrl)
|
||||
fileInputRef.current.value = null; // Clear the input value
|
||||
}
|
||||
}, [isBeingEdit]);
|
||||
|
||||
useEffect(() => {
|
||||
console.log(imageUrl);
|
||||
console.log(selectedImage);
|
||||
@@ -120,7 +113,7 @@ const Item = ({
|
||||
{(isBeingEdit || blank) && (
|
||||
<div className={styles.overlay} onClick={handleImageClick}>
|
||||
<span>
|
||||
{previewUrl ? "Ganti" : "Ganti"}
|
||||
{previewUrl ? "Click To Change Image" : "Click To Add Image"}
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -55,11 +55,11 @@
|
||||
|
||||
.overlay {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 30px;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
color: white;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
@@ -756,8 +756,8 @@ const ItemLister = ({
|
||||
)}
|
||||
{(isEdit && !isFirstStep || !isEdit) &&
|
||||
<>
|
||||
{isEdit && <div style={{ display: 'flex', justifyContent: 'flex-start' }}><div style={{marginTop: '49px', marginRight: '10px', marginLeft: '10px'}} onClick={()=>setIsFirstStep(true)}><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 512 512"><path d="M48,256c0,114.87,93.13,208,208,208s208-93.13,208-208S370.87,48,256,48,48,141.13,48,256Zm212.65-91.36a16,16,0,0,1,.09,22.63L208.42,240H342a16,16,0,0,1,0,32H208.42l52.32,52.73A16,16,0,1,1,238,347.27l-79.39-80a16,16,0,0,1,0-22.54l79.39-80A16,16,0,0,1,260.65,164.64Z"/></svg></div>
|
||||
<h2 className={styles["item-list-title"]}>{items && items.length < 1 ? 'Buat item' :'Daftar item'}</h2></div>}
|
||||
{isEdit && <div style={{ display: 'flex', justifyContent: 'flex-start' }}><div style={{ marginTop: '49px', marginRight: '10px', marginLeft: '10px' }} onClick={() => setIsFirstStep(true)}><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 512 512"><path d="M48,256c0,114.87,93.13,208,208,208s208-93.13,208-208S370.87,48,256,48,48,141.13,48,256Zm212.65-91.36a16,16,0,0,1,.09,22.63L208.42,240H342a16,16,0,0,1,0,32H208.42l52.32,52.73A16,16,0,1,1,238,347.27l-79.39-80a16,16,0,0,1,0-22.54l79.39-80A16,16,0,0,1,260.65,164.64Z" /></svg></div>
|
||||
<h2 className={styles["item-list-title"]}>{items && items.length < 1 ? 'Buat item' : 'Daftar item'}</h2></div>}
|
||||
<div className={styles["item-list"]}>
|
||||
{user && (
|
||||
user.userId == shopOwnerId || user.cafeId == shopId) &&
|
||||
@@ -885,6 +885,7 @@ const ItemLister = ({
|
||||
<div className={styles["itemWrapper"]}>
|
||||
{isEditMode && isEditItem != item.itemId && (
|
||||
<div className={styles["editModeLayout"]}>
|
||||
<div style={{display: 'flex', alignItems: 'center'}}>
|
||||
{isEditMode && (
|
||||
<Switch
|
||||
onChange={() => handleChange(item.itemId)}
|
||||
@@ -892,8 +893,11 @@ const ItemLister = ({
|
||||
/>
|
||||
)}
|
||||
<h3>
|
||||
{item.availability ? "tersedia" : "tidak tersedia"}
|
||||
{item.availability ? "tersedia" : "tidak tersedia"}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div style={{display: 'flex', alignItems: 'center'}}>
|
||||
<div
|
||||
style={{
|
||||
width: '32px',
|
||||
@@ -923,6 +927,8 @@ const ItemLister = ({
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Edit item</h3>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
|
||||
@@ -143,9 +143,11 @@
|
||||
width: 100%;
|
||||
top: 7px;
|
||||
bottom: -4px;
|
||||
display: flex;
|
||||
display: flex
|
||||
;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.PaymentOption {
|
||||
|
||||
@@ -26,13 +26,13 @@ export default function Transaction_pending({ setModal }) {
|
||||
|
||||
return (
|
||||
<div className={styles.Transaction}>
|
||||
<div style={{ marginTop: "30px", textAlign: "center", padding: '10px' }}>
|
||||
<div style={{ textAlign: "center", padding: '10px' }}>
|
||||
|
||||
<img
|
||||
{/* <img
|
||||
className={styles.expression}
|
||||
src="https://i.imgur.com/sgvMI02.png"
|
||||
alt="Success"
|
||||
/>
|
||||
/> */}
|
||||
<h2>Notifikasi tidak aktif</h2>
|
||||
<p style={{ marginTop: "20px", color: "black" }}>
|
||||
Aktifkan notifikasi supaya kamu tetap dapat info pesanan, meski sedang buka aplikasi lain.
|
||||
|
||||
Reference in New Issue
Block a user