Skip to content

Commit

Permalink
feat: bounty copy added (#131)
Browse files Browse the repository at this point in the history 
* feat: bounty copy added
* fix: members & hunters feats switched
* fix: responsive styling fixed
  • Loading branch information
@keriat
keriat authored Apr 13, 2023
1 parent e4a920a commit cc95823
Showing 1 changed file with 119 additions and 22 deletions.
141 changes: 119 additions & 22 deletions src/components/Block/Bounties.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,63 @@
import AtomTitle from "@/components/Atom/Title";
import Container from "@/components/Container";
import { GiTrumpetFlag } from "react-icons/gi";
import { CgSandClock } from "react-icons/cg";
import {GiTrumpetFlag} from "react-icons/gi";
import {CgSandClock} from "react-icons/cg";
import bounties from "@/content/bounties.json";
import {classNames} from "../../helpers/formatters";
import {useState} from "react";

declare type singleFeature = {
id: number;
title: string;
classes: string;
description: string;
features: string[];
};

const features: singleFeature[] = [
{
id: 0,
title: "For Bounty Hunters",
description: "Keep track of everyone's salaries and whether or not they've been paid. Direct deposit not supported.",
classes: "lg:text-base leading-relaxed text-pink-900 dark:text-white",
features: [
"Bounty rewards are first come, first served. The second implementation received won't be awarded unless the first submission is deemed invalid.",
'Once a submission is received we will update the bounty status from "Open" to "Pending" and then to "Complete" once it has been paid out.',
"All submissions are subject to review by the protocol that the bounty targets.Bounties will not be paid until the target protocol approves the implementation for accuracy.",
"Any changes suggested by the target protocol must be included before the bounty hunter will be awarded the full balance. If the hunter doesn't wish to make changes or" +
" cant, the Alliance may award are partial sum at its discretion for the work that has been completed.",
"The Alliance has the final say on payouts and if the implementation is valid.",
"Please be patient during the review process as coordinating with Alliance members & target protocols can take time.",
],
},
{
id: 1,
title: "For Members",
description: "All of your receipts organized into one place, as long as you don't mind typing in the data by hand.",
classes: "lg:text-lg leading-relaxed text-pink-900 dark:text-white",
features: [
"Bounties can be sponsored individually or as a group.",
"Group bounties must be agreed on by at least 3 members to use Alliance funds.",
"If you sponsor a bounty, you must review the bounty submission for accuracy.",
"All valid implementations will be paid out.",
],
},
{
id: 2,
title: "For Protocols",
description: "We only sell our software to companies who don't deal with VAT at all, so technically we do all the VAT stuff they need.",
classes: "lg:text-xl leading-relaxed text-pink-900 dark:text-white",
features: [
"If you'd like your protocol to be the target of a bounty, please reach out to the Alliance.",
"For all target protocols we ask you to confirm target contracts in the scope can be made 4626 compliant.",
"For all target protocols we ask you to provide availability to review any bounties submitted to your program (pre-filtered by the Alliance so as to not spam)",
],
},
];

export default function BlockBounties() {
const [currentFeature, setCurrentFeature] = useState<singleFeature>(features[0]);

return (
<div className="uiBlock lightBackground" id="bounties">
<Container>
Expand All @@ -15,18 +67,68 @@ export default function BlockBounties() {
Check out our live bounties. Alliance members can post bounties for ERC-4626 related development.
</p>
</div>
<ul className="mt-16 space-y-2 space-y-8 text-left text-slate-700 dark:text-zinc-100">
<h4
className="mt-16 bg-gradient-to-r from-pink-500 to-pink-800 bg-clip-text text-center text-lg font-extrabold capitalize tracking-tight text-transparent dark:from-pink-200 dark:to-pink-400 md:my-4 md:text-left">
Bounty Program Overview
</h4>
<div className="grid grid-cols-1 items-center gap-y-2 sm:gap-y-6 lg:grid-cols-12 lg:pt-0">
<div className="-mx-4 flex overflow-x-auto sm:mx-0 sm:overflow-visible sm:pb-0 lg:col-span-2">
<ul className="relative z-10 flex w-full gap-x-4 whitespace-nowrap justify-center sm:mx-auto sm:px-0 lg:mx-0 lg:block lg:gap-x-0 lg:gap-y-1 lg:whitespace-normal">
{features.map((feature, featureIndex) => (
<li
onClick={() => setCurrentFeature(feature)}
key={feature.title}
className={classNames(
"my-4 cursor-pointer select-none justify-between space-y-8 bg-pink-100 text-left shadow-lg dark:bg-pink-900 lg:flex-row lg:items-center" +
" lg:space-y-0",
"group relative rounded-lg p-2 lg:rounded-l-xl lg:rounded-r-none lg:p-6",
currentFeature.id === featureIndex ? "bg-pink-700 text-white dark:bg-pink-400 dark:text-white" : "border-pink-700 text-pink-700",
"border-pink-700 text-pink-700 dark:border-pink-500 dark:text-pink-300 lg:hover:bg-pink-700 lg:hover:text-white dark:lg:hover:bg-pink-500 dark:lg:hover:text-white"
)}
>
<h3>
<div className={classNames("font-display text-[12px] lg:text-lg [&:not(:focus-visible)]:focus:outline-none")}>
<span className="absolute inset-0 rounded-full lg:rounded-l-xl lg:rounded-r-none"/>
{feature.title}
</div>
</h3>
</li>
))}
</ul>
</div>
<div className="h-full lg:col-span-10">
<div
className="mx-auto flex h-full flex-col items-start justify-start overflow-hidden rounded-lg bg-white px-4 py-3 shadow-lg dark:bg-pink-700/50 md:w-full md:px-6 md:py-4">
{currentFeature.features.map((feature, featIndex) => (
<div
className={classNames("relative flex items-center pl-8 font-normal", currentFeature.features.length > 5 ? "lg:mt-2" : (currentFeature.features.length < 4 ? "lg:mt-8" : "lg:mt-6"))}
key={`feat-index-${featIndex}`}>
<svg className="absolute left-0 top-1 h-5 w-5 text-pink-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path
fillRule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clipRule="evenodd"
/>
</svg>
<span className={classNames("text-left text-base", currentFeature.classes)}>{feature}</span>
</div>
))}
</div>
</div>
</div>

<ul className="mt-16 space-y-8 text-left text-slate-700 dark:text-zinc-100">
{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 flex-col space-y-4 lg:flex-row lg:items-center lg:space-x-10 lg:space-y-0">
<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" />
<img className="object-scale-down" src={bounty.icon} alt="Balancer" width="70" height="70"/>
</div>
</div>
</div>
Expand All @@ -38,45 +140,40 @@ export default function BlockBounties() {
</div>
</div>
<div className="lg:w-[124px]">
<div className="font-mono font-medium font-extrabold tracking-tight">{bounty.rewards}</div>
<div className="font-mono 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 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={classNames("flex items-center space-x-[2px] font-extrabold uppercase", bounty.status === "open" ? "text-green-700 dark:text-green-300" : "text-orange-700 dark:text-orange-300")}>
<div
className={classNames(
"flex items-center space-x-[2px] font-extrabold uppercase",
bounty.status === "open" ? "text-green-700 dark:text-green-300" : "text-orange-700 dark:text-orange-300"
)}
>
{bounty.status === "open" && (
<>
<GiTrumpetFlag />
<GiTrumpetFlag/>
<span>Opened</span>
</>
)}
{bounty.status === "pending" && (
<>
<CgSandClock />
<CgSandClock/>
<span>Pending</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={bounty.link}
rel="noreferrer nofollow"
>
<a className="featuredLink inline-flex items-center justify-center whitespace-nowrap" target="_blank" href={bounty.link} rel="noreferrer nofollow">
View bounty
</a>
<a
className="featuredLink inline-flex items-center justify-center whitespace-nowrap"
target="_blank"
href={bounty.submit}
rel="noreferrer nofollow"
>
<a className="featuredLink inline-flex items-center justify-center whitespace-nowrap" target="_blank" href={bounty.submit} rel="noreferrer nofollow">
Submit bounty
</a>
</div>
Expand Down

1 comment on commit cc95823

@vercel
Copy link

@vercel vercel bot commented on cc95823 Apr 13, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

sup-web-4626 – ./

erc4626.info
sup-web-4626-git-main.superform.tech
eip4626.com
*.eip4626.com
sup-web-4626.superform.tech

Please sign in to comment.