🙏 feat: add react-hook-form as a sponsor (#296)

* 🙏 feat: add react-hook-form as a sponsor * feat: Update RHF link
nvh95 · Apr 19, 2023 · 880630f · 880630f
1 parent 7d02cce
commit 880630f
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -216,11 +216,17 @@ Your financial support helps the project alive and in a development mode. Make a
   - All of these above
   - Let's discuss your benefits for this tier, please contact [the author](https://twitter.com/hung_dev)
 
-### Bronze Sponsor 🥉
+### Bronze Sponsors 🥉
 
-<a href="https://webuild.community/">
-  <img src="https://user-images.githubusercontent.com/8603085/170883918-8b9f111d-f3c6-4647-9cc1-de56dd98ea60.png" width="94" height="94" />
-</a>
 <a href="https://www.deploysentinel.com/">
   <img src="https://github.com/DeploySentinel.png" width="94" height="94" />
 </a>
+<a href="https://react-hook-form.com/">
+  <img src="https://github.com/react-hook-form.png" width="94" height="94" />
+</a>
+
+# Past Sponsors
+
+<a href="https://webuild.community/">
+  <img src="https://user-images.githubusercontent.com/8603085/170883918-8b9f111d-f3c6-4647-9cc1-de56dd98ea60.png" width="94" height="94" />
+</a>
diff --git a/website/src/components/Sponsors/index.tsx b/website/src/components/Sponsors/index.tsx
@@ -33,17 +33,10 @@ export default function Sponsors() {
       </div>
       <div className="row">
         <div className="col">
-          <h3 className={styles.bronzeHeading}>Bronze Sponsor 🥉</h3>
+          <h3 className={styles.bronzeHeading}>Bronze Sponsors 🥉</h3>
         </div>
       </div>
       <div className={styles.sponsorWrapper}>
-        <a className={styles.bronzeSponsor} href="https://webuild.community/">
-          <img
-            src="https://user-images.githubusercontent.com/8603085/170883918-8b9f111d-f3c6-4647-9cc1-de56dd98ea60.png"
-            width="94"
-            height="94"
-          />
-        </a>
         <a
           className={styles.bronzeSponsor}
           href="https://www.deploysentinel.com/"
@@ -54,6 +47,27 @@ export default function Sponsors() {
             height="94"
           />
         </a>
+        <a className={styles.bronzeSponsor} href="https://react-hook-form.com/">
+          <img
+            src="https://github.com/react-hook-form.png"
+            width="94"
+            height="94"
+          />
+        </a>
+      </div>
+      <div className="row">
+        <div className="col">
+          <h3 className={styles.pastSponsorHeading}>Past Sponsors</h3>
+        </div>
+      </div>
+      <div className={styles.sponsorWrapper}>
+        <a className={styles.bronzeSponsor} href="https://webuild.community/">
+          <img
+            src="https://user-images.githubusercontent.com/8603085/170883918-8b9f111d-f3c6-4647-9cc1-de56dd98ea60.png"
+            width="94"
+            height="94"
+          />
+        </a>
       </div>
       <div className={styles.wantLogo}>
         <Translate

diff --git a/website/src/components/Sponsors/styles.module.css b/website/src/components/Sponsors/styles.module.css
@@ -35,3 +35,10 @@
   padding: 16px 16px 20px;
   font-style: italic;
 }
+
+.pastSponsorHeading {
+  display: flex;
+  justify-content: center;
+  margin-top: 16px;
+  margin-bottom: -1px;
+}