Jackie/rentall-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed a bug with What will you use it for, fixed a bug with the sticky pricing card, text change

Browse Source
This commit is contained in:
jackiettran
2026-01-01 18:48:01 -05:00
parent 9e41f328e0
commit fe38ef430a
3 changed files with 34 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/pages/ItemDetail.tsx
View File

@@ -588,7 +588,7 @@ const ItemDetail: React.FC = () => {
</div>
{/* Mobile Pricing Card - shown inline on mobile */}
<div className="d-md-none mb-4">
<div className="d-md-none mb-4" id="mobile-pricing-card">
<div className="card sticky-pricing-card">
<div className="card-body text-center">
{(() => {
@@ -1132,9 +1132,9 @@ const ItemDetail: React.FC = () => {
<button
className="btn btn-primary btn-lg"
onClick={() => {
const pricingCard = document.getElementById("pricing-card");
if (pricingCard) {
pricingCard.scrollIntoView({
const mobilePricingCard = document.getElementById("mobile-pricing-card");
if (mobilePricingCard) {
mobilePricingCard.scrollIntoView({
behavior: "smooth",
block: "start",
});

17
frontend/src/pages/RentItem.tsx
View File

@@ -455,19 +455,20 @@ const RentItem: React.FC = () => {
<>
<div className="card mb-3">
<div className="card-body">
<h6 className="mb-3">
<p className="mb-0">
Add your payment method to complete your
request. You'll only be charged if the owner
approves your request
</h6>
<EmbeddedStripeCheckout
rentalData={getRentalData()}
onSuccess={() => setCompleted(true)}
onError={(error) => setError(error)}
/>
approves your request.
</p>
</div>
</div>
<EmbeddedStripeCheckout
rentalData={getRentalData()}
onSuccess={() => setCompleted(true)}
onError={(error) => setError(error)}
/>
<div className="text-center mt-3">
<button
type="button"