mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

fixed bugs on availability

Browse source
This commit is contained in:
joshsny 2021-08-09 11:24:39 +02:00
parent fa5d63a027
commit 7874e17b1c
1 changed files with 24 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
pages/availability/troubleshoot.tsx
View file

@ -1,26 +1,22 @@
import Head from "next/head"; import Loader from "@components/Loader";
import Shell from "../../components/Shell"; import prisma from "@lib/prisma";
import { getSession, useSession } from "next-auth/client";
import { useState } from "react";
import dayjs from "dayjs"; import dayjs from "dayjs";
import utc from "dayjs/plugin/utc"; import utc from "dayjs/plugin/utc";
import { GetServerSideProps } from "next"; import { GetServerSideProps } from "next";
import prisma from "@lib/prisma"; import { getSession } from "next-auth/client";
import Loader from "@components/Loader"; import Head from "next/head";
import { useEffect, useState } from "react";
import Shell from "../../components/Shell";
dayjs.extend(utc); dayjs.extend(utc);
export default function Troubleshoot({ user }) { export default function Troubleshoot({ user }) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars // eslint-disable-next-line @typescript-eslint/no-unused-vars
const [session, loading] = useSession(); const [loading, setLoading] = useState(true);
const [availability, setAvailability] = useState([]); const [availability, setAvailability] = useState([]);
// eslint-disable-next-line @typescript-eslint/no-unused-vars // eslint-disable-next-line @typescript-eslint/no-unused-vars
const [selectedDate, setSelectedDate] = useState(dayjs()); const [selectedDate, setSelectedDate] = useState(dayjs());
if (loading) {
return <Loader />;
}
function convertMinsToHrsMins(mins) { function convertMinsToHrsMins(mins) {
let h = Math.floor(mins / 60); let h = Math.floor(mins / 60);
let m = mins % 60; let m = mins % 60;
@ -30,23 +26,29 @@ export default function Troubleshoot({ user }) {
} }
const fetchAvailability = (date) => { const fetchAvailability = (date) => {
fetch( const dateFrom = date.startOf("day").utc().format();
`/api/availability/${session.user.username}?dateFrom=${date const dateTo = date.endOf("day").utc().format();
.startOf("day")
.utc() fetch(`/api/availability/${user.username}?dateFrom=${dateFrom}&dateTo=${dateTo}`)
.startOf("day")
.format()}&dateTo=${date.endOf("day").utc().endOf("day").format()}`
)
.then((res) => { .then((res) => {
return res.json(); return res.json();
}) })
.then((apires) => setAvailability(apires)) .then((availableIntervals) => {
setAvailability(availableIntervals);
setLoading(false);
})
.catch((e) => { .catch((e) => {
console.error(e); console.error(e);
}); });
}; };
fetchAvailability(selectedDate); useEffect(() => {
fetchAvailability(selectedDate);
}, []);
if (loading) {
return <Loader />;
}
return ( return (
<div> <div>
@ -106,11 +108,12 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
const user = await prisma.user.findFirst({ const user = await prisma.user.findFirst({
where: { where: {
username: session.user.username, id: session.user.id,
}, },
select: { select: {
startTime: true, startTime: true,
endTime: true, endTime: true,
username: true,
}, },
}); });