a.js

{listImages.length > 0 ? listImages.map((a, index) => {
        a.color = "none"
        return (
          <div key={index} style={{ display: "inline-block", border: a.color, cursor: "pointer" }} onClick={() => selectImage(index)}>
            {a.color}
            <PreviewImage appwrite={props.appwrite} width={300} output={"webp"} id={a.$id} />
          </div>

        )
      }) : ""}