landing page style changes, remove error notifications on fetching pr…

…ofile and avatar
khanghy2130 · Oct 11, 2024 · 4510fb5 · 4510fb5
1 parent ccb88cf
commit 4510fb5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/app/components/SidePanel.tsx b/app/components/SidePanel.tsx
@@ -47,8 +47,7 @@ export default function SidePanel({
                 .single();
 
             if (error) {
-                console.error("Error fetching avatar");
-                addNotification("Error fetching avatar", "FAIL");
+                console.error("Error fetching avatar", error);
                 return;
             }
 
@@ -158,7 +157,7 @@ export default function SidePanel({
                     <>
                         {/* Avatar & display name */}
                         <div className="flex flex-col items-center px-4">
-                            <div className="h-28 w-28 items-center justify-center overflow-hidden rounded-lg">
+                            <div className="flex h-28 w-28 items-center justify-center overflow-hidden rounded-lg">
                                 {avatarUri === "" ? (
                                     <div className="h-1/3 w-1/3 text-primaryColor">
                                         <SpinnerSVG />

diff --git a/app/root.tsx b/app/root.tsx
@@ -174,7 +174,6 @@ function App() {
                 .single();
             if (profileError) {
                 console.error("Error fetching profile", profileError);
-                addNotification("Error fetching profile", "FAIL");
             } else {
                 setUserDisplayName(profileData.display_name);
             }

diff --git a/app/routes/_index/index.tsx b/app/routes/_index/index.tsx
@@ -79,13 +79,13 @@ export default function LandingPage() {
                     backgroundSize: "cover",
                     backgroundPosition: "center",
                 }}
-                className="relative z-30 -mt-24 flex h-[90vh] w-full flex-col items-center justify-center overflow-hidden"
+                className="relative z-30 -mt-24 flex h-[85vh] w-full flex-col items-center justify-center overflow-hidden"
             >
-                <h1 className="custom-text-shadow mx-2 mb-24 max-w-[700px] text-center text-3xl font-bold text-white sm:mx-5 sm:text-5xl">
+                <h1 className="custom-text-shadow mx-2 mb-24 max-w-[700px] text-center text-3xl font-bold leading-tight text-white sm:mx-5 sm:text-5xl sm:leading-tight">
                     Discover your next favorite toys here at TOYSHOP.
                 </h1>
                 <Link to="/store" className="relative">
-                    <button className="click-shrink custom-box-shadow rounded-lg bg-primaryColor px-5 py-3 text-xl font-medium text-primaryTextColor hover:bg-primaryColorMuted sm:text-2xl">
+                    <button className="click-shrink custom-box-shadow rounded-lg bg-primaryColor px-5 py-3 text-xl font-bold text-primaryTextColor hover:bg-primaryColorMuted sm:text-2xl">
                         Shop now
                     </button>
                 </Link>