// ImageUpload.js
import { Avatar } from "antd";
return (
<>
<div className="d-flex mt-4">
<label className="btn btn-secondary mr-1">
{ad.uploading
? "Uploading..."
: ad.removing
? "Removing..."
: "Upload photos"}
<input
onChange={handleUpload}
type="file"
accept="image/*"
multiple
hidden
/>
</label>
{ad.photos?.map((file) => (
<Avatar
src={file?.Location}
shape="square"
size={46}
className="mx-1"
/>
))}
</div>
</>
);