diff --git a/client/app/(patient)/profile/layout.tsx b/client/app/(patient)/profile/layout.tsx index aaf098cb..393edaf8 100644 --- a/client/app/(patient)/profile/layout.tsx +++ b/client/app/(patient)/profile/layout.tsx @@ -5,7 +5,7 @@ import { useQuery } from "@tanstack/react-query"; import { getPatientProfile } from "@/services/api/patientProtectedApis"; import { ErrorResponse, IPatient } from "@/types"; import { AxiosError } from "axios"; -import ProfileSkeleton from "@/components/skeletons/profile"; +import ProfileSkeleton from "@/components/skeletons/Profile"; import { notFound } from "next/navigation"; interface Props { diff --git a/client/app/(patient)/signin/otp-verification/page.tsx b/client/app/(patient)/signin/otp-verification/page.tsx index 5bd6a131..9b0c5ac4 100644 --- a/client/app/(patient)/signin/otp-verification/page.tsx +++ b/client/app/(patient)/signin/otp-verification/page.tsx @@ -8,7 +8,7 @@ import { Banners } from "@/constants"; import Link from "next/link"; import Image from "next/image"; import OtpVerificationSection from "@/components/forms/patient/OtpForms"; -import UniversalSkelton from "@/components/skeletons/Universal"; +import AuthSkelton from "@/components/skeletons/AuthPage"; import { useAuth } from "@/lib/hooks/useAuth"; const OtpVerificationPage = () => { @@ -30,7 +30,7 @@ const OtpVerificationPage = () => { return () => clearTimeout(timer); }, []); if (isLoading) { - return ; + return ; } if (otpMail && !patientToken) { const handleResend = async () => { diff --git a/client/components/patient/auth/SignInPageSection.tsx b/client/components/patient/auth/SignInPageSection.tsx index f78a5f92..ff5a3a77 100644 --- a/client/components/patient/auth/SignInPageSection.tsx +++ b/client/components/patient/auth/SignInPageSection.tsx @@ -4,7 +4,7 @@ import Image from "next/image"; import Link from "next/link"; import { Banners } from "@/constants"; import { notFound } from "next/navigation"; -import UniversalSkeleton from "@/components/skeletons/Universal"; +import AuthSkelton from "@/components/skeletons/AuthPage"; import { useAuth } from "@/lib/hooks/useAuth"; import { useState, useEffect } from "react"; @@ -21,7 +21,7 @@ const SignFromSection = () => { }, []); if (isLoading) { - return ; + return ; } if (!patientToken) { diff --git a/client/components/patient/auth/SignUnPageSection.tsx b/client/components/patient/auth/SignUnPageSection.tsx index 53026c30..401b8495 100644 --- a/client/components/patient/auth/SignUnPageSection.tsx +++ b/client/components/patient/auth/SignUnPageSection.tsx @@ -2,7 +2,7 @@ import Image from "next/image"; import SignupForm from "@/components/forms/patient/SignupForm"; import { Banners } from "@/constants"; -import UniversalSkeleton from "@/components/skeletons/Universal"; +import AuthSkelton from "@/components/skeletons/AuthPage"; import { notFound } from "next/navigation"; import { useState, useEffect } from "react"; import { useAuth } from "@/lib/hooks/useAuth"; @@ -20,7 +20,7 @@ const SignUnFormSection = () => { }, []); if (isLoading) { - return ; + return ; } if (!patientToken) { diff --git a/client/components/skeletons/AuthPage.tsx b/client/components/skeletons/AuthPage.tsx new file mode 100644 index 00000000..9403b3d2 --- /dev/null +++ b/client/components/skeletons/AuthPage.tsx @@ -0,0 +1,30 @@ +import { Skeleton } from "@/components/ui/skeleton" + +export default function AuthSkelton() { + return ( +
+
+
+ +
+
+ +
+
+ + + + + +
+
+ +
+
+ +
+ +
+
+ ) +} \ No newline at end of file diff --git a/client/components/skeletons/Universal.tsx b/client/components/skeletons/Universal.tsx index d61fffea..2e636269 100644 --- a/client/components/skeletons/Universal.tsx +++ b/client/components/skeletons/Universal.tsx @@ -3,15 +3,12 @@ import { Skeleton } from "@/components/ui/skeleton" export default function UniversalSkelton() { return (
- {/* Header */}
- {/* Main content */}
- {/* Section 1 */}
@@ -32,7 +29,6 @@ export default function UniversalSkelton() {
- {/* Section 3 */}