From c8808764d626204ab05c2f9639290710adf57706 Mon Sep 17 00:00:00 2001
From: SiddharthaMishra-dev <mailbox.siddharthamishra@gmail.com>
Date: Mon, 8 Jan 2024 20:25:58 +0530
Subject: [PATCH] chore: remove create route and misc UI changes

---
 app/blogs/page.tsx            |  1 -
 app/create/loading.tsx        | 12 -----
 app/create/page.tsx           | 96 -----------------------------------
 app/protected/[user]/page.tsx | 12 ++---
 components/BlogCard.tsx       | 10 +---
 utils/BaseUrl.ts              |  0
 utils/connectMongo.js         |  4 +-
 7 files changed, 8 insertions(+), 127 deletions(-)
 delete mode 100644 app/create/loading.tsx
 delete mode 100644 app/create/page.tsx
 create mode 100644 utils/BaseUrl.ts

diff --git a/app/blogs/page.tsx b/app/blogs/page.tsx
index 133f654..600a0bb 100644
--- a/app/blogs/page.tsx
+++ b/app/blogs/page.tsx
@@ -1,5 +1,4 @@
 "use client";
-
 import getBlogs from "@/actions/getBlogs";
 import BlogList from "@/components/BlogList";
 
diff --git a/app/create/loading.tsx b/app/create/loading.tsx
deleted file mode 100644
index e9a1bac..0000000
--- a/app/create/loading.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import Loader from "@/components/Loader";
-
-const Loading = () => {
-  return (
-    <>
-      <Loader />
-    </>
-  );
-};
-
-export default Loading;
diff --git a/app/create/page.tsx b/app/create/page.tsx
deleted file mode 100644
index 27e2c68..0000000
--- a/app/create/page.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { useSession } from "next-auth/react";
-import { useRouter } from "next/navigation";
-import { Button, Input, Textarea } from "@nextui-org/react";
-import { useForm, SubmitHandler, FieldValues } from "react-hook-form";
-import toast from "react-hot-toast";
-
-export default function Index() {
-  const [isLoading, setIsLoading] = useState(false);
-  const router = useRouter();
-  const { data: session } = useSession();
-  const { register, reset, handleSubmit } = useForm<FieldValues>({
-    defaultValues: {
-      title: "",
-      hashtags: "",
-      content: "",
-      likes: [],
-    },
-  });
-
-  const onSubmit: SubmitHandler<FieldValues> = async (values) => {
-    setIsLoading(true);
-    try {
-      if (!session) {
-        return router.push("/signin");
-      }
-      const response = await fetch("/api/user", {
-        method: "POST",
-        body: JSON.stringify({ ...values, session }),
-      });
-      setIsLoading(false);
-      toast.success("Your Blog has been posted");
-      reset();
-      router.push("/blogs");
-    } catch (error) {
-      toast.error("Something went wrong");
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(onSubmit)}>
-        <div className="w-full h-screen flex flex-col justify-center items-center">
-          <h2 className="text-2xl font-bold">Jot down your thought</h2>
-          <div className="p-4 flex flex-col w-3/5 ">
-            <label>Title</label>
-            <Input
-              size="lg"
-              placeholder="title"
-              id="title"
-              className=" p-2 text-lg "
-              {...register("title", { required: true })}
-            />
-          </div>
-          <div className="p-4 flex flex-col w-3/5 ">
-            <label>Hastags</label>
-            <div className="relative">
-              <Input
-                size="lg"
-                placeholder="hashtags"
-                id="hashtags"
-                className=" p-2 text-2xl"
-                {...register("hashtags", { required: true })}
-              />
-            </div>
-          </div>
-          <div className="p-4 flex flex-col w-3/5 ">
-            <label>Content</label>
-            <Textarea
-              size="lg"
-              minRows={10}
-              id="content"
-              className="p-2 text-lg"
-              {...register("content", { required: true })}
-            />
-          </div>
-          <div>
-            <Button
-              disabled={isLoading}
-              type="submit"
-              size="lg"
-              variant="light"
-              className="text-2xl px-8 font-semibold transition ease-in-out  duration-300 theme-color hover:scale-110"
-            >
-              Post
-            </Button>
-          </div>
-        </div>
-      </form>
-    </div>
-  );
-}
diff --git a/app/protected/[user]/page.tsx b/app/protected/[user]/page.tsx
index dd95785..2f28d6c 100644
--- a/app/protected/[user]/page.tsx
+++ b/app/protected/[user]/page.tsx
@@ -4,11 +4,11 @@ import { useSession } from "next-auth/react";
 import { useState, useEffect } from "react";
 import { useParams } from "next/navigation";
 import { Card, CardBody, CardHeader, CardFooter, Button, useDisclosure } from "@nextui-org/react";
-import { Blog } from "@/models/UserModel";
 import { FaEdit } from "react-icons/fa";
 import Link from "next/link";
 import Image from "next/image";
 
+import { Blog } from "@/models/UserModel";
 import Loader from "@/components/Loader";
 import PostModal from "@/components/PostModal";
 import firstBlog from "@/assets/dazzle-blog-post-article.gif";
@@ -46,14 +46,13 @@ export default function User() {
         </div>
       ) : blogs.length !== 0 ? (
         <div>
-          <ul className="w-full flex flex-col items-center p-3">
-            <h4 className="text-4xl mt-4  text-blue-700">Your Blogs</h4>
+          <ul className="w-full flex flex-col items-center p-3 mt-7">
             {blogs.map((blog: Blog) => (
               <li
                 key={blog?._id}
                 className="mt-5"
               >
-                <Card className="w-[600px]  p-4 text-cyan-50 ">
+                <Card className="w-[600px] bg-theme  p-4 text-cyan-50 ">
                   <CardHeader className="text-2xl p-4">{blog.title}</CardHeader>
                   <CardBody className="p-4">{blog.content}</CardBody>
                   <CardFooter className="justify-between">
@@ -61,7 +60,7 @@ export default function User() {
                       as={Link}
                       color="primary"
                       href={`/protected/${params.user}/${blog._id}`}
-                      variant="flat"
+                      className="font-semibold"
                     >
                       <FaEdit />
                       Edit
@@ -74,7 +73,6 @@ export default function User() {
         </div>
       ) : (
         <div className="h-full flex flex-col justify-center items-center">
-          {/* <h2 className="text-2xl"></h2> */}
           <Image
             src={firstBlog}
             alt="first blog"
@@ -87,9 +85,7 @@ export default function User() {
             color="primary"
             variant="light"
             className="text-xl  font-bold transition ease-in-out hover:scale-110 duration-300"
-            // as={Link}
             onPress={onOpen}
-            // href="/create"
           >
             Write your first Post
           </Button>
diff --git a/components/BlogCard.tsx b/components/BlogCard.tsx
index 4e928ec..f89416b 100644
--- a/components/BlogCard.tsx
+++ b/components/BlogCard.tsx
@@ -1,11 +1,7 @@
-"use client";
-import { Blog } from "@/models/UserModel";
-
-import LikeButton from "./LikeButton";
-
-import React, { useEffect } from "react";
 import { Card, CardBody, CardHeader, CardFooter } from "@nextui-org/card";
 
+import { Blog } from "@/models/UserModel";
+import LikeButton from "./LikeButton";
 import CommentButton from "./CommentButton";
 
 interface CardProps {
@@ -15,8 +11,6 @@ interface CardProps {
 }
 
 const BlogCard = ({ blog, handleLike, handleComment }: CardProps) => {
-  console.log("rendered");
-  console.log(blog);
   return (
     <>
       <Card className="w-full p-2 m-4 bg-theme text-cyan-50 font-semibold  drop-shadow-2xl ">
diff --git a/utils/BaseUrl.ts b/utils/BaseUrl.ts
new file mode 100644
index 0000000..e69de29
diff --git a/utils/connectMongo.js b/utils/connectMongo.js
index ded3e04..3defd46 100644
--- a/utils/connectMongo.js
+++ b/utils/connectMongo.js
@@ -1,3 +1,3 @@
 import mongoose from "mongoose";
-const connectMongo= async()=>(mongoose.connect('mongodb://127.0.0.1:27017/Users'))
-export default connectMongo
\ No newline at end of file
+const connectMongo = async () => mongoose.connect(process.env.MONGODB_URI);
+export default connectMongo;