-
Notifications
You must be signed in to change notification settings - Fork 64
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Auctions page: create new auction, make bid on existing auctions #165
Conversation
LGTM 👍🏼 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@sumitd94 Done with the changes. Please check
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great job 🔥
.biddersImg[data-columns="2"]{ | ||
width: calc(160px/2); | ||
} | ||
.biddersImg[data-columns="3"]{ | ||
width: calc(160px/3); | ||
} | ||
.biddersImg[data-columns="4"]{ | ||
width: calc(160px/4); | ||
} | ||
.biddersImg[data-columns="5"]{ | ||
width: calc(160px/5); | ||
} | ||
.biddersImg[data-columns="6"]{ | ||
width: calc(160px/6); | ||
} | ||
.biddersImg[data-columns="7"]{ | ||
width: calc(160px/7); | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What is this doing?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Here we are changing the size of the bidder's image
Size of the bidder's Image-based on the number of columns allowed in the container horizontally.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why not use a declarative class or an inline sizing?
components/Auctions/index.js
Outdated
|
||
const handleNewBid = async (e, auctionId) => { | ||
if (!isUserLoggedIn) { | ||
return alert('Please log in to bid!'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
NIT:
alert();
return;
}; | ||
|
||
const getColumns = (totalBidder) => { | ||
return totalBidder <= 12 ? Math.ceil(totalBidder / 2) : 7; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What are 12 and 7?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
MAX_ALLOWED_COLUMNS=7
MAX_BIDDERS_ALLOWED_BELOW_MAX_COLUMNS=12
If all comments are resolved, time to ship this! 🚢 |
Fixes Real-Dev-Squad/todo-action-items#16
Unable to add GIF preview here due to size limitation.
Please check preview here: https://cdn.discordapp.com/attachments/748267291405320204/820029342876827658/auctions_gif.gif
Subsequent PRs to improve the feature/fix bugs: