From ec8243ec0306516f70ab9a1f0bfd899c904dea47 Mon Sep 17 00:00:00 2001
From: Elifnurdeniz <elfnrdeniz@gmail.com>
Date: Mon, 25 Nov 2024 17:03:32 +0300
Subject: [PATCH] feat(frontend): last touches

---
 frontend/src/components/auth/login.tsx     | 3 ++-
 frontend/src/components/auth/register.tsx  | 2 ++
 frontend/src/components/post/post-card.tsx | 2 +-
 frontend/src/components/quiz/quiz-card.tsx | 4 ++--
 frontend/src/pages/home.tsx                | 4 ++--
 frontend/src/pages/post.tsx                | 3 +--
 6 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/auth/login.tsx b/frontend/src/components/auth/login.tsx
index 0533eddf..9dc0ab96 100644
--- a/frontend/src/components/auth/login.tsx
+++ b/frontend/src/components/auth/login.tsx
@@ -65,6 +65,7 @@ export default function Login({
             <Input
               type="username"
               label="Username"
+              variant="bordered"
               defaultValue={Cookies.get("username") || ""}
               {...register("username", { required: true })}
               onChange={(e) => setUsername(e.target.value)}
@@ -118,7 +119,7 @@ export default function Login({
         </form>
 
         <div className="text-center mt-6">
-          <span className="text-sm">Need to create an account? </span>
+          <span className="text-sm ">Need to create an account? </span>
           <button
             onClick={() => {
               setIsRegister(true);
diff --git a/frontend/src/components/auth/register.tsx b/frontend/src/components/auth/register.tsx
index 0809cbb5..0b48afc2 100644
--- a/frontend/src/components/auth/register.tsx
+++ b/frontend/src/components/auth/register.tsx
@@ -72,6 +72,7 @@ export default function Register({
             <Input
               defaultValue=""
               type="text"
+              variant="bordered"
               isRequired
               label="Username"
               onChange={(e) => setUserName(e.target.value)}
@@ -81,6 +82,7 @@ export default function Register({
             <Input
               defaultValue=""
               type="email"
+              variant="bordered"
               isRequired
               label="Email"
               {...register("email", { required: "Email is required" })}
diff --git a/frontend/src/components/post/post-card.tsx b/frontend/src/components/post/post-card.tsx
index f6876751..a23a19ac 100644
--- a/frontend/src/components/post/post-card.tsx
+++ b/frontend/src/components/post/post-card.tsx
@@ -144,7 +144,7 @@ export default function PostCard({
           <p className="text-default-400 text-small">{timePassed}</p>
         </div>
         <Divider className="mt-1.5 bg-zinc-200" />
-        <h4 className="text-lg font-semibold leading-none text-black">
+        <h4 className="text-lg font-semibold leading-none text-default-900">
           {title}
         </h4>
       </CardHeader>
diff --git a/frontend/src/components/quiz/quiz-card.tsx b/frontend/src/components/quiz/quiz-card.tsx
index 358f4d20..65b454a2 100644
--- a/frontend/src/components/quiz/quiz-card.tsx
+++ b/frontend/src/components/quiz/quiz-card.tsx
@@ -111,8 +111,8 @@ export default function PostCard({
         <div className="w-[500px] flex flex-col justify-between h-full pt-4">
           <CardBody className="px-3 py-0 text-small text-default-600 text-justify leading-relaxed overflow-hidden">
             <div className="flex flex-row justify-between w-full">
-              <h2 className="text-2xl font-semibold leading-none text-black mb-1">
-                <Link to={`/quiz/${id}/details`} className="text-black hover:underline">
+              <h2 className="text-2xl font-semibold leading-none text-default-800 mb-1">
+                <Link to={`/quiz/${id}/details`} className="text-default-800 hover:underline">
                   {title}
                 </Link>
               </h2>
diff --git a/frontend/src/pages/home.tsx b/frontend/src/pages/home.tsx
index 702792df..8f83a685 100644
--- a/frontend/src/pages/home.tsx
+++ b/frontend/src/pages/home.tsx
@@ -11,7 +11,7 @@ export default function Home() {
   usePageTitle(isRegister ? "Register" : "Login");
   
   return (
-    <div className="min-h-screen flex flex-col md:flex-row items-center bg-zinc-50">
+    <div className="min-h-screen flex flex-col md:flex-row items-center bg-default-50">
       {/* Logo Section */}
       <div className="w-full md:w-2/3 flex justify-center items-center p-8">
         <div className="text-blue-800 text-7xl md:text-9xl font-semibold">
@@ -23,7 +23,7 @@ export default function Home() {
       </div>
 
       {/* Auth Section */}
-      <div className="w-full md:w-1/3 h-full bg-white shadow-xl">
+      <div className="w-full md:w-1/3 h-full bg-default-50 shadow-xl">
         <div className="flex justify-center items-center min-h-screen p-8">
           {isRegister ? (
             <Register setIsRegister={setIsRegister} />
diff --git a/frontend/src/pages/post.tsx b/frontend/src/pages/post.tsx
index f56aec26..61da19d9 100644
--- a/frontend/src/pages/post.tsx
+++ b/frontend/src/pages/post.tsx
@@ -93,7 +93,7 @@ export default function Post() {
       });
   };
   return (
-    <div className="flex flex-col items-center">
+    <div className="flex flex-col items-center overflow-hidden mb-4">
       <Navbar />
       <div className="flex flex-col gap-6 mt-4">
         {isLoading ? (
@@ -147,7 +147,6 @@ export default function Post() {
               .fill(0)
               .map((_, index) => <CommentSkeleton key={index} />)
           : comments.map((comment) => (
-            console.log(comment),
               <Suspense key={comment.id} fallback={<CommentSkeleton />}>
                 <PostCard
                   id={comment.id}