Replaced all the css into tailwind css on DonationSection component (#…

…1770)
OperationCode · Nov 14, 2023 · 8b17bc9 · 8b17bc9 · vercel · Nov 14, 2023
1 parent f6f3a81
commit 8b17bc9
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 6 deletions.
diff --git 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
diff --git 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"