From 0b92fde658a625cb86507c75a89508312923157d Mon Sep 17 00:00:00 2001
From: Ayush Gupta <ayushgupta01195@gmail.com>
Date: Wed, 23 Oct 2024 08:25:20 +0530
Subject: [PATCH 1/3] Remove & replace .fancy-link and .fancy-link:hover
 classes

---
 app/(app)/get-started/_client.tsx                | 2 +-
 app/(editor)/create/[[...paramsArr]]/_client.tsx | 4 ++--
 components/ArticlePreview/ArticlePreview.tsx     | 2 +-
 components/Comments/CommentsArea.tsx             | 4 ++--
 components/EditorHints/EditorHints.tsx           | 4 ++--
 styles/globals.css                               | 8 --------
 6 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/app/(app)/get-started/_client.tsx b/app/(app)/get-started/_client.tsx
index 0ceb9b56..0d98b372 100644
--- a/app/(app)/get-started/_client.tsx
+++ b/app/(app)/get-started/_client.tsx
@@ -39,7 +39,7 @@ const GetStarted: NextPage = () => {
           </h2>
           <p className="mt-2 text-center text-base text-neutral-500">
             Or{" "}
-            <Link className="fancy-link font-medium" href="/">
+            <Link className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent font-medium hover:from-orange-300 hover:to-pink-500" href="/">
               return home
             </Link>
           </p>
diff --git a/app/(editor)/create/[[...paramsArr]]/_client.tsx b/app/(editor)/create/[[...paramsArr]]/_client.tsx
index 40118161..99c08ec0 100644
--- a/app/(editor)/create/[[...paramsArr]]/_client.tsx
+++ b/app/(editor)/create/[[...paramsArr]]/_client.tsx
@@ -794,7 +794,7 @@ const Create = ({ session }: { session: Session | null }) => {
                       href="https://www.markdownguide.org/"
                       target="_blank"
                       rel="noopener noreferrer"
-                      className="fancy-link"
+                      className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
                     >
                       this
                     </a>{" "}
@@ -803,7 +803,7 @@ const Create = ({ session }: { session: Session | null }) => {
                       href="https://www.markdownguide.org/"
                       target="_blank"
                       rel="noopener noreferrer"
-                      className="fancy-link"
+                      className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent"
                     >
                       markdownguide
                     </a>
diff --git a/components/ArticlePreview/ArticlePreview.tsx b/components/ArticlePreview/ArticlePreview.tsx
index 06068693..8a49c569 100644
--- a/components/ArticlePreview/ArticlePreview.tsx
+++ b/components/ArticlePreview/ArticlePreview.tsx
@@ -146,7 +146,7 @@ const ArticlePreview: NextPage<Props> = ({
       <div className="flex w-full content-center justify-between">
         <div className="flex w-full items-center justify-between">
           <Link
-            className="fancy-link semibold text-lg"
+            className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500 semibold text-lg"
             href={`/articles/${slug}`}
           >
             Read full article
diff --git a/components/Comments/CommentsArea.tsx b/components/Comments/CommentsArea.tsx
index b21fa286..4f40aa48 100644
--- a/components/Comments/CommentsArea.tsx
+++ b/components/Comments/CommentsArea.tsx
@@ -505,11 +505,11 @@ const CommentsArea = ({ postId, postOwnerId }: Props) => {
             <p className="mb-2">Hey! 👋</p>
             <p className="mb-2">Got something to say?</p>
             <p>
-              <button onClick={() => signIn()} className="fancy-link">
+              <button onClick={() => signIn()} className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500">
                 Sign in
               </button>{" "}
               or{" "}
-              <button onClick={() => signIn()} className="fancy-link">
+              <button onClick={() => signIn()} className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500">
                 sign up
               </button>{" "}
               to leave a comment.
diff --git a/components/EditorHints/EditorHints.tsx b/components/EditorHints/EditorHints.tsx
index 12eeb952..3452f92a 100644
--- a/components/EditorHints/EditorHints.tsx
+++ b/components/EditorHints/EditorHints.tsx
@@ -29,7 +29,7 @@ const EditorHints = () => {
                 href="https://www.markdownguide.org/"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="fancy-link"
+                className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
               >
                 this
               </a>{" "}
@@ -38,7 +38,7 @@ const EditorHints = () => {
                 href="https://www.markdownguide.org/"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="fancy-link"
+                className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
               >
                 markdownguide
               </a>
diff --git a/styles/globals.css b/styles/globals.css
index 9369387b..ac5849a9 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -81,14 +81,6 @@ body {
   @apply bg-white bg-gradient-to-r text-neutral-800 dark:bg-neutral-900 dark:text-white;
 }
 
-.fancy-link {
-  @apply cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent;
-}
-
-.fancy-link:hover {
-  @apply from-orange-300 to-pink-500;
-}
-
 .prose {
   @apply prose-neutral dark:prose-invert lg:prose-lg;
 

From 87e892c88025d479add5241255148db0483cf2da Mon Sep 17 00:00:00 2001
From: Ayush Gupta <ayushgupta01195@gmail.com>
Date: Wed, 23 Oct 2024 13:49:00 +0530
Subject: [PATCH 2/3] hot fix

---
 app/(editor)/create/[[...paramsArr]]/_client.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(editor)/create/[[...paramsArr]]/_client.tsx b/app/(editor)/create/[[...paramsArr]]/_client.tsx
index 99c08ec0..5b1852f9 100644
--- a/app/(editor)/create/[[...paramsArr]]/_client.tsx
+++ b/app/(editor)/create/[[...paramsArr]]/_client.tsx
@@ -803,7 +803,7 @@ const Create = ({ session }: { session: Session | null }) => {
                       href="https://www.markdownguide.org/"
                       target="_blank"
                       rel="noopener noreferrer"
-                      className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent"
+                      className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
                     >
                       markdownguide
                     </a>

From 9d30fe37fe572015c809ea1900d5a7aa682c195e Mon Sep 17 00:00:00 2001
From: Ayush Gupta <ayushgupta01195@gmail.com>
Date: Wed, 23 Oct 2024 23:49:31 +0530
Subject: [PATCH 3/3] Run prettier

---
 app/(app)/get-started/_client.tsx            |  5 ++++-
 components/ArticlePreview/ArticlePreview.tsx |  2 +-
 components/Comments/CommentsArea.tsx         | 10 ++++++++--
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/app/(app)/get-started/_client.tsx b/app/(app)/get-started/_client.tsx
index 0d98b372..630c53a6 100644
--- a/app/(app)/get-started/_client.tsx
+++ b/app/(app)/get-started/_client.tsx
@@ -39,7 +39,10 @@ const GetStarted: NextPage = () => {
           </h2>
           <p className="mt-2 text-center text-base text-neutral-500">
             Or{" "}
-            <Link className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent font-medium hover:from-orange-300 hover:to-pink-500" href="/">
+            <Link
+              className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text font-medium tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
+              href="/"
+            >
               return home
             </Link>
           </p>
diff --git a/components/ArticlePreview/ArticlePreview.tsx b/components/ArticlePreview/ArticlePreview.tsx
index 58678e8a..6b4a8635 100644
--- a/components/ArticlePreview/ArticlePreview.tsx
+++ b/components/ArticlePreview/ArticlePreview.tsx
@@ -158,7 +158,7 @@ const ArticlePreview: NextPage<Props> = ({
       <div className="flex w-full content-center justify-between">
         <div className="flex w-full items-center justify-between">
           <Link
-            className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500 semibold text-lg"
+            className="semibold cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text text-lg tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
             href={`/articles/${slug}`}
           >
             Read full article
diff --git a/components/Comments/CommentsArea.tsx b/components/Comments/CommentsArea.tsx
index 4f40aa48..6e9e621e 100644
--- a/components/Comments/CommentsArea.tsx
+++ b/components/Comments/CommentsArea.tsx
@@ -505,11 +505,17 @@ const CommentsArea = ({ postId, postOwnerId }: Props) => {
             <p className="mb-2">Hey! 👋</p>
             <p className="mb-2">Got something to say?</p>
             <p>
-              <button onClick={() => signIn()} className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500">
+              <button
+                onClick={() => signIn()}
+                className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
+              >
                 Sign in
               </button>{" "}
               or{" "}
-              <button onClick={() => signIn()} className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500">
+              <button
+                onClick={() => signIn()}
+                className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
+              >
                 sign up
               </button>{" "}
               to leave a comment.