feat: changing the bounties to store it in json

Also small change to the submit the vault link
ERC4626-Alliance · Mar 28, 2023 · f5773c6 · f5773c6
1 parent e3d2c96
commit f5773c6
Show file tree

Hide file tree

Showing 5 changed files with 70 additions and 52 deletions.
diff --git a/public/images/logos/gearbox.svg → public/content/images/bounties/gearbox.svg b/public/images/logos/gearbox.svg → public/content/images/bounties/gearbox.svg
diff --git a/src/components/Block/Bounties.tsx b/src/components/Block/Bounties.tsx
@@ -1,6 +1,8 @@
 import AtomTitle from "@/components/Atom/Title";
 import Container from "@/components/Container";
 import { GiTrumpetFlag } from "react-icons/gi";
+import { CgSandClock } from "react-icons/cg";
+import bounties from "@/content/bounties.json";
 
 export default function BlockBounties() {
   return (
@@ -13,68 +15,73 @@ export default function BlockBounties() {
           </p>
         </div>
         <ul className="mt-16 space-y-2 space-y-8 text-left text-slate-700 dark:text-zinc-100">
-          <li className="my-8 flex select-none flex-col justify-between space-y-8 rounded-lg bg-pink-100 p-8 shadow-lg dark:bg-pink-900 lg:flex-row lg:items-center lg:space-y-0">
-            <div className="flex flex-col space-y-4 lg:flex-row lg:items-center lg:space-y-0 lg:space-x-10">
-              <div className="flex items-center space-x-4 lg:space-x-8">
-                <div className="flex items-center">
-                  <div className="h-14 w-14">
-                    <div className="aspect-w-1 aspect-h-1 overflow-hidden rounded-full">
-                      <img className="object-scale-down" src="/images/logos/gearbox.svg" alt="Balancer" width="70" height="70" />
+          {bounties.map((bounty, index) => (
+            <li
+              key={`bounty-${index}`}
+              className="my-8 flex select-none flex-col justify-between space-y-8 rounded-lg bg-pink-100 p-8 shadow-lg dark:bg-pink-900 lg:flex-row lg:items-center lg:space-y-0"
+            >
+              <div className="flex flex-col space-y-4 lg:flex-row lg:items-center lg:space-y-0 lg:space-x-10">
+                <div className="flex items-center space-x-4 lg:space-x-8">
+                  <div className="flex items-center">
+                    <div className="h-14 w-14">
+                      <div className="aspect-w-1 aspect-h-1 overflow-hidden rounded-full">
+                        <img className="object-scale-down" src={bounty.icon} alt="Balancer" width="70" height="70" />
+                      </div>
+                    </div>
+                  </div>
+                  <div className="lg:w-[100px]">
+                    <div className="flex items-center">
+                      <div className="font-medium">{bounty.organizer}</div>
                     </div>
+                    <div className="text-sm text-slate-400 dark:text-zinc-400">Organizer</div>
                   </div>
                 </div>
-                <div className="lg:w-[100px]">
-                  <div className="flex items-center">
-                    <div className="font-medium">Gearbox</div>
+                <div className="lg:w-[124px]">
+                  <div className="font-mono font-medium font-extrabold tracking-tight">{bounty.rewards}</div>
+                  <div className="whitespace-nowrap text-sm text-slate-400 dark:text-zinc-400">Rewards up to</div>
+                </div>
+                <div>
+                  <div className="text-sm font-medium tracking-tight" dangerouslySetInnerHTML={{ __html: bounty.description }} />
+                  <div className="text-sm text-slate-400 dark:text-zinc-400">Description</div>
+                </div>
+                <div>
+                  <div className="flex items-center space-x-[2px] font-extrabold uppercase text-green-700 dark:text-green-300">
+                    {bounty.status === "open" && (
+                      <>
+                        <GiTrumpetFlag />
+                        <span>Opened</span>
+                      </>
+                    )}
+                    {bounty.status === "pending" && (
+                      <>
+                        <CgSandClock />
+                        <span>Pending</span>
+                      </>
+                    )}
                   </div>
-                  <div className="text-sm text-slate-400 dark:text-zinc-400">Organizer</div>
+                  <div className="text-sm text-slate-400 dark:text-zinc-400">Status</div>
                 </div>
-              </div>
-              <div className="lg:w-[124px]">
-                <div className="font-mono font-medium font-extrabold tracking-tight">$5,000</div>
-                <div className="whitespace-nowrap text-sm text-slate-400 dark:text-zinc-400">Rewards up to</div>
-              </div>
-              <div>
-                <div className="text-sm font-medium tracking-tight">
-                  To make
+                <div className="flex space-x-2">
                   <a
-                    href="https://app.gearbox.fi/pools"
-                    className="mx-1 inline-flex text-pink-700 underline decoration-from-font underline-offset-4 dark:text-pink-400 md:no-underline md:hover:text-pink-900 md:hover:underline dark:md:hover:text-pink-400"
+                    className="featuredLink inline-flex items-center justify-center whitespace-nowrap"
                     target="_blank"
+                    href={bounty.link}
                     rel="noreferrer nofollow"
                   >
-                    existing passive pools on Gearbox
+                    View bounty
+                  </a>
+                  <a
+                    className="featuredLink inline-flex items-center justify-center whitespace-nowrap"
+                    target="_blank"
+                    href={bounty.submit}
+                    rel="noreferrer nofollow"
+                  >
+                    Submit bounty
                   </a>
-                  compliant with ERC-4626 and create a path forward to easily support additional passive pools in the future
-                </div>
-                <div className="text-sm text-slate-400 dark:text-zinc-400">Description</div>
-              </div>
-              <div>
-                <div className="flex items-center space-x-[2px] font-extrabold uppercase text-green-700 dark:text-green-300">
-                  <GiTrumpetFlag /> <span>Opened</span>
                 </div>
-                <div className="text-sm text-slate-400 dark:text-zinc-400">Status</div>
-              </div>
-              <div className="flex space-x-2">
-                <a
-                  className="featuredLink inline-flex items-center justify-center whitespace-nowrap"
-                  target="_blank"
-                  href="https://superform.notion.site/Gearbox-4626-Spec-0de0a498b171417e805759c896137bec"
-                  rel="noreferrer nofollow"
-                >
-                  View bounty
-                </a>
-                <a
-                  className="featuredLink inline-flex items-center justify-center whitespace-nowrap"
-                  target="_blank"
-                  href="https://forms.gle/A1RGtfAwFxnfTD5x8"
-                  rel="noreferrer nofollow"
-                >
-                  Submit bounty
-                </a>
               </div>
-            </div>
-          </li>
+            </li>
+          ))}
         </ul>
       </Container>
     </div>

diff --git a/src/components/Block/Ecosystem.tsx b/src/components/Block/Ecosystem.tsx
@@ -24,7 +24,7 @@ export default function Ecosystem() {
                 </a>
               </Link>
               <a
-                href="https://forms.gle/gpCw7faY81Gp2AET9"
+                href="https://forms.gle/xzmLT7hQhMMeKeVY7"
                 target="_blank"
                 className="featuredLink flex items-center justify-center" rel="noreferrer"
               >

diff --git a/src/components/VaultExplorer.tsx b/src/components/VaultExplorer.tsx
@@ -121,7 +121,7 @@ export default function VaultExplorer() {
         </nav>
         <div className="w-full text-center">
           <a
-            href="https://forms.gle/A1RGtfAwFxnfTD5x8"
+            href="https://forms.gle/xzmLT7hQhMMeKeVY7"
             target="_blank"
             rel="nofollow noreferrer"
             className="mx-auto mt-16 inline-flex items-center justify-center whitespace-nowrap rounded-md border-2 border-pink-700 bg-white bg-pink-700 px-8 py-5 text-xl font-medium text-white shadow-sm hover:transition-all md:hover:bg-white md:hover:text-pink-700 md:hover:shadow-md"

diff --git a/src/content/bounties.json b/src/content/bounties.json
@@ -0,0 +1,11 @@
+[
+  {
+    "icon": "/content/images/bounties/gearbox.svg",
+    "organizer": "Gearbox",
+    "rewards": "$5,000",
+    "description": "To make <a href=\"https://app.gearbox.fi/pools\" className=\"mx-1 inline-flex text-pink-700 underline decoration-from-font underline-offset-4 dark:text-pink-400 md:no-underline md:hover:text-pink-900 md:hover:underline dark:md:hover:text-pink-400\" target=\"_blank\" rel=\"noreferrer nofollow\">existing passive pools on Gearbox</a>compliant with ERC-4626 and create a path forward to easily support additional passive pools in the future",
+    "status": "pending",
+    "link": "https://superform.notion.site/Gearbox-4626-Spec-0de0a498b171417e805759c896137bec",
+    "submit": "https://forms.gle/A1RGtfAwFxnfTD5x8"
+  }
+]