upgrade tsc, refetch query on error banner close

package.json

@@ -67,7 +67,7 @@
     "pretty-quick": "^3.1.3",
     "prisma": "^5.0.0",
     "ts-node": "^10.9.1",
-    "typescript": "^4.9.5"
+    "typescript": "^5.1.6"
   },
   "ct3aMetadata": {
     "initVersion": "7.7.0"

src/components/Calendar.tsx

@@ -131,21 +131,28 @@ export default function Calendar() {
       {reservationAdd.error !== null && (
         <ErrorAlert
           error={reservationAdd.error}
-          onClose={() => reservationAdd.reset()}
+          onClose={() => {
+            reservationAdd.reset();
+            void reservationQuery.refetch();
+          }}
         />
       )}
 
       {reservationDelete.error !== null && (
         <ErrorAlert
           error={reservationDelete.error}
-          onClose={() => reservationDelete.reset()}
+          onClose={() => {
+            reservationDelete.reset();
+            void reservationQuery.refetch();
+          }}
         />
       )}
 
       <SpinnerPartial
         open={
           clubQuery.isLoading ||
           reservationQuery.isLoading ||
+          reservationQuery.isRefetching ||
           courtQuery.isLoading ||
           reservationAdd.isLoading ||
           reservationDelete.isLoading

src/components/ReserveDialog.tsx

@@ -29,6 +29,7 @@ export default function ReserveDialog(props: ReserveDialogProps) {
   const [overwriteName, setOverwriteName] = useState<string>(""); //cannot set to undefined because of controlled component
   const { data: sessionData } = useSession();
 
+  // to set endDate to startDate + 1 hour, when component is mounted
   useEffect(() => {
     setEndDate((dayjs(startDate).add(1, "hour") as unknown as Date) ?? null);
   }, [startDate]);
@@ -49,7 +50,8 @@ export default function ReserveDialog(props: ReserveDialogProps) {
 
     props.onConfirm(
       cleanedEndDate,
-      overwriteName !== "" ? overwriteName : undefined //manage overwriteName limitation about controlled component
+      //manage overwriteName limitation about controlled component
+      overwriteName !== "" ? overwriteName : undefined
     );
     setEndDate(null);
     setOverwriteName("");

src/server/api/routers/reservation-mutation.ts

@@ -23,7 +23,9 @@ export const reservationMutationRouter = createTRPCRouter({
           input.courtId
         )
       ) {
-        throw new TRPCClientError("Error: Reservation collision");
+        throw new TRPCClientError(
+          "La tua prenotazione non puo' essere efettuata. Per favore, scegli un orario in cui il campo è libero"
+        );
       }
 
       // start date before end date