From 4510fb51aa9cb5ca66a6b2ead008f3629d6bca0e Mon Sep 17 00:00:00 2001
From: Hy Nguyen <khanghy2130@gmail.com>
Date: Fri, 11 Oct 2024 13:24:21 -0500
Subject: [PATCH] landing page style changes, remove error notifications on
 fetching profile and avatar

---
 app/components/SidePanel.tsx | 5 ++---
 app/root.tsx                 | 1 -
 app/routes/_index/index.tsx  | 6 +++---
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/app/components/SidePanel.tsx b/app/components/SidePanel.tsx
index 5ee6a5a..73a2614 100644
--- 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
index b28ab41..2c88fff 100644
--- 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
index 03a19db..0496d72 100644
--- 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>