From b3a6bcbf7eabf8224e0a3408728c98c50d402531 Mon Sep 17 00:00:00 2001
From: Subhajit Ghosh <subhajitstd07@gmail.com>
Date: Tue, 14 Nov 2023 09:21:06 +0000
Subject: [PATCH 1/3] Replaced all the css into tailwind css on DonationSection
 component

---
 components/ReusableSections/DonateSection/DonateSection.js     | 3 +--
 .../ReusableSections/DonateSection/DonateSection.module.css    | 3 ---
 .../__tests__/__snapshots__/DonateSection.test.js.snap         | 2 +-
 3 files changed, 2 insertions(+), 6 deletions(-)
 delete mode 100644 components/ReusableSections/DonateSection/DonateSection.module.css

diff --git a/components/ReusableSections/DonateSection/DonateSection.js b/components/ReusableSections/DonateSection/DonateSection.js
index 1b979b5ed..2d507afa4 100644
--- a/components/ReusableSections/DonateSection/DonateSection.js
+++ b/components/ReusableSections/DonateSection/DonateSection.js
@@ -2,7 +2,6 @@ import { s3 } from 'common/constants/urls';
 import Container from 'components/Container/Container';
 import LinkButton from 'components/Buttons/LinkButton/LinkButton';
 import Heading from 'components/Heading/Heading';
-import styles from './DonateSection.module.css';
 
 function DonateSection() {
   return (
@@ -18,7 +17,7 @@ function DonateSection() {
 
       <p>Thank you for supporting our mission!</p>
 
-      <LinkButton href="/donate" theme="primary" className={styles.topMargin}>
+      <LinkButton href="/donate" theme="primary" className="mt-4">
         Donate Now
       </LinkButton>
     </Container>
diff --git a/components/ReusableSections/DonateSection/DonateSection.module.css b/components/ReusableSections/DonateSection/DonateSection.module.css
deleted file mode 100644
index 44e70cda1..000000000
--- a/components/ReusableSections/DonateSection/DonateSection.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.topMargin {
-  margin-top: 1rem;
-}
diff --git a/components/ReusableSections/DonateSection/__tests__/__snapshots__/DonateSection.test.js.snap b/components/ReusableSections/DonateSection/__tests__/__snapshots__/DonateSection.test.js.snap
index ac5250c30..d6fe43032 100644
--- a/components/ReusableSections/DonateSection/__tests__/__snapshots__/DonateSection.test.js.snap
+++ b/components/ReusableSections/DonateSection/__tests__/__snapshots__/DonateSection.test.js.snap
@@ -19,7 +19,7 @@ exports[`DonateSection should render with no props passed passed 1`] = `
     Thank you for supporting our mission!
   </p>
   <LinkButton
-    className="topMargin"
+    className="mt-4"
     fullWidth={false}
     href="/donate"
     theme="primary"

From 091a34003dd8677e31abb3c1b33d7867c2eb2679 Mon Sep 17 00:00:00 2001
From: Subhajit Ghosh <subhajitstd07@gmail.com>
Date: Wed, 15 Nov 2023 13:28:06 +0000
Subject: [PATCH 2/3] Replaced all the css into tailwind css on JoinSection
 component

---
 components/ReusableSections/JoinSection/JoinSection.js        | 3 +--
 .../ReusableSections/JoinSection/JoinSection.module.css       | 4 ----
 .../__tests__/__snapshots__/JoinSection.test.js.snap          | 2 +-
 3 files changed, 2 insertions(+), 7 deletions(-)
 delete mode 100644 components/ReusableSections/JoinSection/JoinSection.module.css

diff --git a/components/ReusableSections/JoinSection/JoinSection.js b/components/ReusableSections/JoinSection/JoinSection.js
index c10d5428b..c7a9bf908 100644
--- a/components/ReusableSections/JoinSection/JoinSection.js
+++ b/components/ReusableSections/JoinSection/JoinSection.js
@@ -2,7 +2,6 @@ import Container from 'components/Container/Container';
 import OutboundLink from 'components/OutboundLink/OutboundLink';
 import LinkButton from 'components/Buttons/LinkButton/LinkButton';
 import Heading from 'components/Heading/Heading';
-import styles from './JoinSection.module.css';
 
 function JoinSection() {
   return (
@@ -14,7 +13,7 @@ function JoinSection() {
         joining our members-only Slack community!
       </p>
 
-      <LinkButton href="/join" theme="secondary" className={styles.verticalSpacing}>
+      <LinkButton href="/join" theme="secondary" className="mt-4 mb-4">
         Register Now
       </LinkButton>
 
diff --git a/components/ReusableSections/JoinSection/JoinSection.module.css b/components/ReusableSections/JoinSection/JoinSection.module.css
deleted file mode 100644
index 86e816803..000000000
--- a/components/ReusableSections/JoinSection/JoinSection.module.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.verticalSpacing {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
diff --git a/components/ReusableSections/JoinSection/__tests__/__snapshots__/JoinSection.test.js.snap b/components/ReusableSections/JoinSection/__tests__/__snapshots__/JoinSection.test.js.snap
index 9a6b40eb9..059b74e97 100644
--- a/components/ReusableSections/JoinSection/__tests__/__snapshots__/JoinSection.test.js.snap
+++ b/components/ReusableSections/JoinSection/__tests__/__snapshots__/JoinSection.test.js.snap
@@ -42,7 +42,7 @@ exports[`JoinSection should render 1`] = `
       Are you ready to begin your journey towards a career in tech? Get the support you need by joining our members-only Slack community!
     </p>
     <a
-      className="Button verticalSpacing secondary"
+      className="Button mt-4 mb-4 secondary"
       href="/join"
       onClick={[Function]}
       onMouseEnter={[Function]}

From 80363d068fb322dcc1b6a3295250f5645309c236 Mon Sep 17 00:00:00 2001
From: Subhajit Ghosh <subhajitstd07@gmail.com>
Date: Thu, 16 Nov 2023 13:56:45 +0000
Subject: [PATCH 3/3] Replaced all the css into tailwind css on JoinSection
 component

---
 components/ReusableSections/JoinSection/JoinSection.js          | 2 +-
 .../__tests__/__snapshots__/JoinSection.test.js.snap            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/ReusableSections/JoinSection/JoinSection.js b/components/ReusableSections/JoinSection/JoinSection.js
index c7a9bf908..9006b039e 100644
--- a/components/ReusableSections/JoinSection/JoinSection.js
+++ b/components/ReusableSections/JoinSection/JoinSection.js
@@ -13,7 +13,7 @@ function JoinSection() {
         joining our members-only Slack community!
       </p>
 
-      <LinkButton href="/join" theme="secondary" className="mt-4 mb-4">
+      <LinkButton href="/join" theme="secondary" className="my-4">
         Register Now
       </LinkButton>
 
diff --git a/components/ReusableSections/JoinSection/__tests__/__snapshots__/JoinSection.test.js.snap b/components/ReusableSections/JoinSection/__tests__/__snapshots__/JoinSection.test.js.snap
index 059b74e97..8b0339a05 100644
--- a/components/ReusableSections/JoinSection/__tests__/__snapshots__/JoinSection.test.js.snap
+++ b/components/ReusableSections/JoinSection/__tests__/__snapshots__/JoinSection.test.js.snap
@@ -42,7 +42,7 @@ exports[`JoinSection should render 1`] = `
       Are you ready to begin your journey towards a career in tech? Get the support you need by joining our members-only Slack community!
     </p>
     <a
-      className="Button mt-4 mb-4 secondary"
+      className="Button my-4 secondary"
       href="/join"
       onClick={[Function]}
       onMouseEnter={[Function]}