public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix cancelled bookings error

pull/434/head
joshsny 2021-08-10 10:46:02 +02:00
parent 7874e17b1c
commit 747d8f56d3
1 changed files with 59 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
pages/cancel/[uid].tsx
View File

@ -1,13 +1,13 @@
import { useState } from "react";
import Head from "next/head";
import prisma from "../../lib/prisma";
import { useRouter } from "next/router";
import dayjs from "dayjs";
import { CalendarIcon, ClockIcon, XIcon } from "@heroicons/react/solid";
import isSameOrBefore from "dayjs/plugin/isSameOrBefore";
import dayjs from "dayjs";
import isBetween from "dayjs/plugin/isBetween";
import utc from "dayjs/plugin/utc";
import isSameOrBefore from "dayjs/plugin/isSameOrBefore";
import timezone from "dayjs/plugin/timezone";
import utc from "dayjs/plugin/utc";
import Head from "next/head";
import { useRouter } from "next/router";
import { useState } from "react";
import prisma from "../../lib/prisma";
import { collectPageParameters, telemetryEventTypes, useTelemetry } from "../../lib/telemetry";
dayjs.extend(isSameOrBefore);
@ -23,7 +23,7 @@ export default function Type(props) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const [is24h, setIs24h] = useState(false);
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const [error, setError] = useState(props.booking ? null : "This booking was already cancelled");
const telemetry = useTelemetry();
// eslint-disable-next-line @typescript-eslint/no-unused-vars
@ -57,7 +57,8 @@ export default function Type(props) {
<div>
<Head>
<title>
Cancel {props.booking.title} | {props.user.name || props.user.username} | Calendso
Cancel {props.booking && `${props.booking.title} | ${props.user.name || props.user.username} `}|
Calendso
</title>
<link rel="icon" href="/favicon.ico" />
</Head>
@ -86,6 +87,7 @@ export default function Type(props) {
</div>
)}
{!error && (
<>
<div>
<div className="mx-auto flex items-center justify-center h-12 w-12 rounded-full bg-red-100">
<XIcon className="h-6 w-6 text-red-600" />
@ -112,7 +114,6 @@ export default function Type(props) {
</div>
</div>
</div>
)}
<div className="mt-5 sm:mt-6 text-center">
<div className="mt-5">
<button
@ -131,6 +132,8 @@ export default function Type(props) {
</button>
</div>
</div>
</>
)}
</div>
</div>
</div>
@ -163,6 +166,12 @@ export async function getServerSideProps(context) {
},
});
if (!booking) {
return {
props: { booking: null },
};
}
// Workaround since Next.js has problems serializing date objects (see https://github.com/vercel/next.js/issues/11993)
const bookingObj = Object.assign({}, booking, {
startTime: booking.startTime.toString(),