replaced Loading... with Loader component

This commit is contained in:
Peer Richelsen 2021-08-08 22:31:08 +02:00
parent ded399e8f6
commit 3bfee8a7bf
2 changed files with 4 additions and 2 deletions

View file

@ -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) {

View file

@ -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) => {