From 0dc54e6784d641f64145de88865a99a76d57c199 Mon Sep 17 00:00:00 2001
From: prakhar sharma <prakhar29sharma@gmail.com>
Date: Tue, 24 Sep 2024 14:10:39 +0530
Subject: [PATCH 1/3] removed preview button and it's associated code

---
 .../alpha/new/[[...postIdArr]]/_client.tsx    | 23 -------------------
 hooks/useCreatePage.ts                        |  4 ----
 2 files changed, 27 deletions(-)

diff --git a/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx b/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx
index d459ac6b..6b00101f 100644
--- a/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx
+++ b/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx
@@ -19,8 +19,6 @@ const Create = () => {
   const postId = params?.postIdArr?.[0] || "";
 
   const {
-    viewPreview,
-    setViewPreview,
     tags,
     tagValue,
     savedTime,
@@ -54,13 +52,6 @@ const Create = () => {
 
   return (
     <>
-      <button
-        type="button"
-        className="absolute right-10 top-10 mt-4 inline-flex justify-center border border-neutral-300 bg-white px-4 py-2 text-sm font-medium text-neutral-600 shadow-sm hover:bg-neutral-50 focus:outline-none focus:ring-2 focus:ring-pink-300 focus:ring-offset-2"
-        onClick={() => setViewPreview((current) => !current)}
-      >
-        Preview
-      </button>
       <form onSubmit={handleSubmit(onSubmit)}>
         <Transition show={open} as={Fragment}>
           <div className="fixed bottom-0 left-0 top-0 z-50 h-screen w-full bg-black">
@@ -232,19 +223,6 @@ const Create = () => {
                   {/* Start main area*/}
                   <div className="relative h-full">
                     <div className="bg-neutral-900 text-white  shadow-xl">
-                      {viewPreview ? (
-                        <section className="mx-auto max-w-xl px-4 py-6 pb-4 sm:p-6 lg:pb-8">
-                          <article
-                            className="prose prose-invert lg:prose-lg"
-                            style={{
-                              whiteSpace: "pre-wrap",
-                              overflowWrap: "anywhere",
-                            }}
-                          >
-                            <RenderPost json={body} />
-                          </article>
-                        </section>
-                      ) : (
                         <div className="bg-neutral-900 px-4 py-6 sm:p-6 lg:pb-8">
                           {!body && (
                             <Controller
@@ -296,7 +274,6 @@ const Create = () => {
                             </div>
                           </div>
                         </div>
-                      )}
                     </div>
                   </div>
                   {/* End main area */}
diff --git a/hooks/useCreatePage.ts b/hooks/useCreatePage.ts
index 0937e041..50d38e88 100644
--- a/hooks/useCreatePage.ts
+++ b/hooks/useCreatePage.ts
@@ -16,7 +16,6 @@ import { redirect, useRouter } from "next/navigation";
 
 export type useCreatePageReturnType = {
   viewPreview: boolean;
-  setViewPreview: React.Dispatch<React.SetStateAction<boolean>>;
   tags: string[];
   setTags: React.Dispatch<React.SetStateAction<string[]>>;
   tagValue: string;
@@ -60,7 +59,6 @@ type useCreatepagePropTypes = {
 function useCreatePage({
   postId,
 }: useCreatepagePropTypes): useCreatePageReturnType {
-  const [viewPreview, setViewPreview] = useState<boolean>(false);
   const [tags, setTags] = useState<string[]>([]);
   const [tagValue, setTagValue] = useState<string>("");
   const [savedTime, setSavedTime] = useState<string>("");
@@ -276,8 +274,6 @@ function useCreatePage({
   };
 
   return {
-    viewPreview,
-    setViewPreview,
     tags,
     setTags,
     tagValue,

From c0350509955dbfca015676aa9ee84de1352b363a Mon Sep 17 00:00:00 2001
From: prakhar sharma <prakhar29sharma@gmail.com>
Date: Tue, 24 Sep 2024 14:14:28 +0530
Subject: [PATCH 2/3] Removed view preview button with its associated code

---
 hooks/useCreatePage.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/hooks/useCreatePage.ts b/hooks/useCreatePage.ts
index 50d38e88..2771141c 100644
--- a/hooks/useCreatePage.ts
+++ b/hooks/useCreatePage.ts
@@ -15,7 +15,6 @@ import { useDebounce } from "./useDebounce";
 import { redirect, useRouter } from "next/navigation";
 
 export type useCreatePageReturnType = {
-  viewPreview: boolean;
   tags: string[];
   setTags: React.Dispatch<React.SetStateAction<string[]>>;
   tagValue: string;

From 10c05fcec02d47643d9919580c489fbbc7d104c8 Mon Sep 17 00:00:00 2001
From: prakhar sharma <prakhar29sharma@gmail.com>
Date: Tue, 24 Sep 2024 16:40:30 +0530
Subject: [PATCH 3/3] fixed linting error by running npm run prettier:fix
 script

---
 .../alpha/new/[[...postIdArr]]/_client.tsx    | 92 +++++++++----------
 1 file changed, 45 insertions(+), 47 deletions(-)

diff --git a/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx b/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx
index 6b00101f..bd24c4a5 100644
--- a/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx
+++ b/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx
@@ -223,57 +223,55 @@ const Create = () => {
                   {/* Start main area*/}
                   <div className="relative h-full">
                     <div className="bg-neutral-900 text-white  shadow-xl">
-                        <div className="bg-neutral-900 px-4 py-6 sm:p-6 lg:pb-8">
-                          {!body && (
-                            <Controller
-                              name="body"
-                              control={control}
-                              render={({ field }) => (
-                                <Editor {...field} initialValue={"{}"} />
-                              )}
-                            />
-                          )}
-                          {body && body.length > 0 && (
-                            <Controller
-                              name="body"
-                              control={control}
-                              render={({ field }) => (
-                                <Editor {...field} initialValue={body} />
-                              )}
-                            />
-                          )}
+                      <div className="bg-neutral-900 px-4 py-6 sm:p-6 lg:pb-8">
+                        {!body && (
+                          <Controller
+                            name="body"
+                            control={control}
+                            render={({ field }) => (
+                              <Editor {...field} initialValue={"{}"} />
+                            )}
+                          />
+                        )}
+                        {body && body.length > 0 && (
+                          <Controller
+                            name="body"
+                            control={control}
+                            render={({ field }) => (
+                              <Editor {...field} initialValue={body} />
+                            )}
+                          />
+                        )}
 
-                          <div className="flex items-center justify-between">
-                            <>
-                              {saveStatus === "loading" && (
-                                <p>Auto-saving...</p>
-                              )}
-                              {saveStatus === "error" && savedTime && (
-                                <p className="text-xs text-red-600 lg:text-sm">
-                                  {`Error saving, last saved: ${savedTime.toString()}`}
-                                </p>
-                              )}
-                              {saveStatus === "success" && savedTime && (
-                                <p className="text-xs text-neutral-400 lg:text-sm">
-                                  {`Saved: ${savedTime.toString()}`}
-                                </p>
-                              )}
-                            </>
-                            <div />
+                        <div className="flex items-center justify-between">
+                          <>
+                            {saveStatus === "loading" && <p>Auto-saving...</p>}
+                            {saveStatus === "error" && savedTime && (
+                              <p className="text-xs text-red-600 lg:text-sm">
+                                {`Error saving, last saved: ${savedTime.toString()}`}
+                              </p>
+                            )}
+                            {saveStatus === "success" && savedTime && (
+                              <p className="text-xs text-neutral-400 lg:text-sm">
+                                {`Saved: ${savedTime.toString()}`}
+                              </p>
+                            )}
+                          </>
+                          <div />
 
-                            <div className="flex">
-                              <button
-                                type="button"
-                                disabled={isDisabled}
-                                className="ml-5 inline-flex justify-center bg-gradient-to-r from-orange-400 to-pink-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:from-orange-300 hover:to-pink-500 focus:outline-none focus:ring-2 focus:ring-pink-300 focus:ring-offset-2 disabled:opacity-50"
-                                onClick={() => setOpen(true)}
-                              >
-                                {!data?.published && "Publish"}
-                                {data?.published && "Save Changes"}
-                              </button>
-                            </div>
+                          <div className="flex">
+                            <button
+                              type="button"
+                              disabled={isDisabled}
+                              className="ml-5 inline-flex justify-center bg-gradient-to-r from-orange-400 to-pink-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:from-orange-300 hover:to-pink-500 focus:outline-none focus:ring-2 focus:ring-pink-300 focus:ring-offset-2 disabled:opacity-50"
+                              onClick={() => setOpen(true)}
+                            >
+                              {!data?.published && "Publish"}
+                              {data?.published && "Save Changes"}
+                            </button>
                           </div>
                         </div>
+                      </div>
                     </div>
                   </div>
                   {/* End main area */}