responsive

Author: berissamuyizere

carbontrack/src/app/components/EditProfile/index.tsx

@@ -139,10 +139,10 @@ export default function EditProfilePage() {
       setIsSubmitting(false);
     }
   };
-
+  if (loading) return <div className="mt-32 text-center text-white">Loading...</div>;
   if (error) return <div className="mt-32 text-center text-red-500">{error}</div>;
   if (!profile) return null;
-  if (loading) return <div className="mt-32 text-center text-white">Loading...</div>;
+ 
 
   return (
       <main className="min-h-screen bg-gradient-to-br from-gray-900 to-black text-white p-20">

carbontrack/src/app/components/SharedProfile/index.tsx

@@ -9,10 +9,11 @@ import Image from "next/image";
 export default function ProfileDisplay() {
   const router = useRouter();
   const { user: profile, error, loading } = useFetchUsers();
-
-  if (error) return <div className="mt-32 text-center text-red-500">{error}</div>;
-if (!profile) return null;
+  
 if (loading) return <div className="mt-32 text-center text-white">Loading...</div>;
+if (error) return <div className="mt-32 text-center text-red-500">{error}</div>;
+if (!profile) return null;
+
 
 const getProfileRoute = () => {
   return profile.user_type === "factory" ? "/edit-factory-profile" : "/ktda-edit-profile";

carbontrack/src/app/login/page.tsx

@@ -31,8 +31,7 @@ export default function LoginPage() {
                  initial={{ opacity: 0, scale: 0.9 }}
                  animate={{ opacity: 1, scale: 1 }}
                  transition={{ duration: 1, ease: [0.22, 1, 0.36, 1] }}
-                 className="mb-6"
-               >
+                 className="mb-6">
                  <Image
                    src="/images/logo.png"
                    alt="carbon-track logo"