Commit 1a6ce2ab by Chetan

reviews comment textarea responsive

1 parent ef8940ac
...@@ -101,7 +101,7 @@ const GuestReviews = ({ activityById }) => { ...@@ -101,7 +101,7 @@ const GuestReviews = ({ activityById }) => {
rating={data.attributes.rating} rating={data.attributes.rating}
starRatedColor="#ffe20" // Set the rated color to yellow starRatedColor="#ffe20" // Set the rated color to yellow
starHoverColor="#ffe20" // Set the hover color to yellow starHoverColor="#ffe20" // Set the hover color to yellow
changeRating={() => {}} changeRating={() => { }}
numberOfStars={5} numberOfStars={5}
name="rating" name="rating"
starDimension="20px" // Set star width and height starDimension="20px" // Set star width and height
...@@ -149,20 +149,24 @@ const GuestReviews = ({ activityById }) => { ...@@ -149,20 +149,24 @@ const GuestReviews = ({ activityById }) => {
starDimension="20px" // Set star width and height starDimension="20px" // Set star width and height
/> />
</div> </div>
<textarea <div className="row">
// style={{ width: "50%" }} <div className="col-md-6">
rows={4} <textarea
className="p-2 mx-2 col-md-6" // style={{ width: "50%" }}
placeholder="Comments" rows={4}
name="comments" className="p-2 w-100"
value={comments} placeholder="Comments"
onChange={e => { name="comments"
e.preventDefault(); value={comments}
// console.log(e.target.value);4 onChange={e => {
setcomments(e.target.value); e.preventDefault();
// setrejectionReasonText(e.target.value); // console.log(e.target.value);4
}} setcomments(e.target.value);
/> // setrejectionReasonText(e.target.value);
}}
/>
</div>
</div>
<div className="view-all-btn my-3"> <div className="view-all-btn my-3">
<Button <Button
disabled={rating == 0 || comments == ""} disabled={rating == 0 || comments == ""}
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!