diff --git a/src/components/RentingComponents/ItemInfo.vue b/src/components/RentingComponents/ItemInfo.vue index 02978932ee3617871e02ea67472af58f78e95b9d..0e1cf92e7e43e506335e7928510b615474c6ccff 100644 --- a/src/components/RentingComponents/ItemInfo.vue +++ b/src/components/RentingComponents/ItemInfo.vue @@ -21,6 +21,7 @@ {{ item.title }} </h1> </div> + <!-- TODO make this component render elements differently depending on screen size --> <div class="py-10 lg:pt-6 lg:pb-16 lg:col-start-1 lg:col-span-2 lg:border-r lg:border-gray-200 lg:pr-8" > @@ -58,7 +59,7 @@ </p> </div> </div> - <div class="mt-2"> + <div class="mt-2 md:col-span-1"> <div class="mt-2 space-y-2"> <p class="text-xl font-semibold text-gray-900"> Total pris: {{ totPrice }} kr @@ -149,18 +150,15 @@ export default { }, async getUser(userId) { this.userForId = await getUser(userId); - console.log(this.userForId); }, setDate(dateOfsomthing) { this.rentingStartDate = dateOfsomthing.startDate; this.rentingEndDate = dateOfsomthing.endDate; - console.log("This is the two dates " + this.rentingStartDate + " " + this.rentingEndDate); this.calculateTotPrice(); }, calculateTotPrice() { let amountOfDays = this.rentingEndDate - this.rentingStartDate; amountOfDays = amountOfDays / 86400000; - console.log("This is the difference in days " + amountOfDays); this.totPrice = this.item.pricePerDay * amountOfDays; } }, diff --git a/src/components/TimepickerComponents/DatepickerRange/DatepickerRange.vue b/src/components/TimepickerComponents/DatepickerRange/DatepickerRange.vue index 4b00f1579c302a0ca465674e57d13455a02467cb..2b869652949a97497738a0863dbf7dfaf942347f 100644 --- a/src/components/TimepickerComponents/DatepickerRange/DatepickerRange.vue +++ b/src/components/TimepickerComponents/DatepickerRange/DatepickerRange.vue @@ -72,7 +72,7 @@ export default { type: Array, default: () => [], }, - messageOnDisplay: String || "Date Input (click to open)", + messageOnDisplay: String, }, data() { return {