replaced Loading... with Loader component
This commit is contained in:
parent
ded399e8f6
commit
3bfee8a7bf
2 changed files with 4 additions and 2 deletions
|
@ -9,6 +9,7 @@ import { Menu, Transition } from "@headlessui/react";
|
||||||
import { DotsHorizontalIcon } from "@heroicons/react/solid";
|
import { DotsHorizontalIcon } from "@heroicons/react/solid";
|
||||||
import classNames from "@lib/classNames";
|
import classNames from "@lib/classNames";
|
||||||
import { ClockIcon, XIcon } from "@heroicons/react/outline";
|
import { ClockIcon, XIcon } from "@heroicons/react/outline";
|
||||||
|
import Loader from "@components/Loader";
|
||||||
|
|
||||||
export default function Bookings({ bookings }) {
|
export default function Bookings({ bookings }) {
|
||||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||||
|
@ -17,7 +18,7 @@ export default function Bookings({ bookings }) {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
if (loading) {
|
if (loading) {
|
||||||
return <p className="text-gray-400">Loading...</p>;
|
return <Loader />;
|
||||||
}
|
}
|
||||||
|
|
||||||
async function confirmBookingHandler(booking, confirm: boolean) {
|
async function confirmBookingHandler(booking, confirm: boolean) {
|
||||||
|
|
|
@ -8,6 +8,7 @@ import { getSession, useSession } from "next-auth/client";
|
||||||
import { UsersIcon } from "@heroicons/react/outline";
|
import { UsersIcon } from "@heroicons/react/outline";
|
||||||
import TeamList from "../../components/team/TeamList";
|
import TeamList from "../../components/team/TeamList";
|
||||||
import TeamListItem from "../../components/team/TeamListItem";
|
import TeamListItem from "../../components/team/TeamListItem";
|
||||||
|
import Loader from "@components/Loader";
|
||||||
|
|
||||||
export default function Teams() {
|
export default function Teams() {
|
||||||
const [, loading] = useSession();
|
const [, loading] = useSession();
|
||||||
|
@ -38,7 +39,7 @@ export default function Teams() {
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
if (loading) {
|
if (loading) {
|
||||||
return <p className="text-gray-400">Loading...</p>;
|
return <Loader />;
|
||||||
}
|
}
|
||||||
|
|
||||||
const createTeam = (e) => {
|
const createTeam = (e) => {
|
||||||
|
|
Loading…
Reference in a new issue