Merge pull request #7 from YoubetDao/feat/support-donate-and-reward

feat: support donation and reward distribution

examples/simple-react/src/App.tsx

@@ -1,29 +1,41 @@
-import './App.css'
+import "./App.css";
 
-import { ContractOwner } from './components/sections/ContractOwner'
-import { AllGoals } from './components/sections/AllGoals'
-import { GoalDetails } from './components/sections/GoalDetails'
-import { UserGoals } from './components/sections/UserGoals'
+import { ContractOwner } from "./components/sections/ContractOwner";
+import { AllGoals } from "./components/sections/AllGoals";
+import { GoalDetails } from "./components/sections/GoalDetails";
+import { UserGoals } from "./components/sections/UserGoals";
 
-import { CreateGoal } from './components/sections/CreateGoal'
-import { CreateGoalSolo } from './components/sections/CreateGoalSolo'
-import { ClaimStake } from './components/sections/ClaimStake'
-import { StakeAndUnlockGoal } from './components/sections/StakeAndUnlockGoal'
-import { ConfirmTaskCompletion } from './components/sections/ConfirmTaskCompletion'
-import { SettleGoal } from './components/sections/SettleGoal'
-import { CreateTask } from './components/sections/CreateTask'
-import { LinkWallet } from './components/sections/LinkWallet'
-import { AllTasks } from './components/sections/AllTasks'
-import { ConfirmTask } from './components/sections/ConfirmTask'
-import { AllUnconfirmedTasks } from './components/sections/AllUnconfirmedTasks'
-import { UserPoints } from './components/sections/UserPoints'
+import { CreateGoal } from "./components/sections/CreateGoal";
+import { CreateGoalSolo } from "./components/sections/CreateGoalSolo";
+import { ClaimStake } from "./components/sections/ClaimStake";
+import { StakeAndUnlockGoal } from "./components/sections/StakeAndUnlockGoal";
+import { ConfirmTaskCompletion } from "./components/sections/ConfirmTaskCompletion";
+import { SettleGoal } from "./components/sections/SettleGoal";
+import { CreateTask } from "./components/sections/CreateTask";
+import { LinkWallet } from "./components/sections/LinkWallet";
+import { AllTasks } from "./components/sections/AllTasks";
+import { ConfirmTask } from "./components/sections/ConfirmTask";
+import { AllUnconfirmedTasks } from "./components/sections/AllUnconfirmedTasks";
+import { UserPoints } from "./components/sections/UserPoints";
+import { DonateToProject } from "./components/sections/DonateToProject";
+import { ClaimReward } from "./components/sections/ClaimReward";
+import { GetClaimedRewards } from "./components/sections/GetClaimedRewards";
+import { GetTotalRewards } from "./components/sections/GetTotalRewards";
+import { AllProjects } from "./components/sections/AllProjects";
+import { GetProjectParticipants } from "./components/sections/GetProjectParticipants";
 // import { GoalCreated } from './components/sections/GoalCreated'
 
 function App() {
   return (
     <>
       <header className="header">
-        <img className="logo" src="/logo.png" alt="logo" width={28} height={28} />
+        <img
+          className="logo"
+          src="/logo.png"
+          alt="logo"
+          width={28}
+          height={28}
+        />
         <span>YouBet SDK</span>
       </header>
       <main className="main">
@@ -46,13 +58,26 @@ function App() {
         <CreateTask />
         <ConfirmTask />
         <LinkWallet />
+        <DonateToProject />
+        <ClaimReward />
+        <GetTotalRewards />
+        <GetClaimedRewards />
+        <AllProjects />
+        <GetProjectParticipants />
         {/* <GoalCreated /> */}
       </main>
       <footer className="footer">
-        Powered By <a href="https://youbetdao.github.io/" target="_blank" rel="noreferrer noopener">YouBet</a>
+        Powered By{" "}
+        <a
+          href="https://youbetdao.github.io/"
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          YouBet
+        </a>
       </footer>
     </>
-  )
+  );
 }
 
-export default App
+export default App;

examples/simple-react/src/components/sections/AllProjects.tsx

@@ -0,0 +1,27 @@
+import { useState } from "react";
+import { sdk } from "../../lib/youbet-sdk";
+
+import { Section } from "../Section";
+import { Button } from "../Button";
+
+export function AllProjects() {
+  const [value, setValue] = useState<any[]>([]);
+
+  const tryMe = async () => {
+    const result = await sdk.client.getAllProjectIds();
+    setValue(result);
+  };
+
+  return (
+    <>
+      <Section title="All Project Ids">
+        <div>
+          <Button onClick={tryMe}>Try Me!</Button>
+        </div>
+        {value.map((data) => {
+          return <div key={data}>{data}</div>;
+        })}
+      </Section>
+    </>
+  );
+}

examples/simple-react/src/components/sections/ClaimReward.tsx

@@ -0,0 +1,17 @@
+import { sdk } from '../../lib/youbet-sdk'
+import { Section } from '../Section'
+import { Button } from '../Button'
+
+export function ClaimReward() {
+  const tryMe = async () => {
+    await sdk.contract.claimReward()
+  }
+
+  return (<>
+    <Section title="Claim Reward">
+      <div>
+        <Button onClick={tryMe}>Try Me!</Button>
+      </div>
+    </Section>
+  </>)
+}

examples/simple-react/src/components/sections/ConfirmTask.tsx

@@ -4,7 +4,7 @@ import { Section } from "../Section";
 import { Button } from "../Button";
 
 export function ConfirmTask() {
-  const [taskId, setTaskId] = useState(1);
+  const [taskId, setTaskId] = useState("2460577971");
   const [github, setGithub] = useState("wfnuser");
 
   const tryMe = async () => {
@@ -19,7 +19,7 @@ export function ConfirmTask() {
           <label>TaskId</label>
           <input
             value={taskId}
-            onChange={(e) => setTaskId(Number(e.target.value))}
+            onChange={(e) => setTaskId(e.target.value)}
           />
         </div>
         <div>

examples/simple-react/src/components/sections/CreateProject.tsx

@@ -0,0 +1,32 @@
+import { useState } from "react";
+import { sdk } from "../../lib/youbet-sdk";
+import { Section } from "../Section";
+import { Button } from "../Button";
+
+export function CreateProject() {
+  const [id, setId] = useState("829893564");
+  const [name, setName] = useState("YoubetDao/youbet-test-repo/issues/12");
+
+  const tryMe = async () => {
+    const taskInfo = await sdk.contract.createProject(id, name);
+    console.log(taskInfo);
+  };
+
+  return (
+    <>
+      <Section title="Create Project">
+        <div>
+          <label>Id: github id</label>
+          <input value={id} onChange={(e) => setId(e.target.value)} />
+        </div>
+        <div>
+          <label>Name: related to github issue</label>
+          <input value={name} onChange={(e) => setName(e.target.value)} />
+        </div>
+        <div>
+          <Button onClick={tryMe}>Try Me!</Button>
+        </div>
+      </Section>
+    </>
+  );
+}

examples/simple-react/src/components/sections/CreateTask.tsx

@@ -1,25 +1,40 @@
-import { useState } from 'react'
-import { sdk } from '../../lib/youbet-sdk'
-import { Section } from '../Section'
-import { Button } from '../Button'
+import { useState } from "react";
+import { sdk } from "../../lib/youbet-sdk";
+import { Section } from "../Section";
+import { Button } from "../Button";
 
 export function CreateTask() {
-  const [sub, setSub] = useState('YoubetDao/youbet-web3-allin/issues/1')
+  const [id, setId] = useState("2460577971");
+  const [name, setName] = useState("YoubetDao/youbet-test-repo/issues/12");
+  const [projectId, setProjectId] = useState("829893564");
 
   const tryMe = async () => {
-    const taskInfo = await sdk.contract.createTask(sub)
-    console.log(taskInfo)
-  }
+    const taskInfo = await sdk.contract.createTask(id, name, projectId);
+    console.log(taskInfo);
+  };
 
-  return (<>
-    <Section title="Create Task">
-      <div>
-        <label>Sub: related to github issue</label>
-        <input value={sub} onChange={(e) => setSub(e.target.value)} />
-      </div>
-      <div>
-        <Button onClick={tryMe}>Try Me!</Button>
-      </div>
-    </Section>
-  </>)
-}
+  return (
+    <>
+      <Section title="Create Task">
+        <div>
+          <label>Id: github id</label>
+          <input value={id} onChange={(e) => setId(e.target.value)} />
+        </div>
+        <div>
+          <label>Name: related to github issue</label>
+          <input value={name} onChange={(e) => setName(e.target.value)} />
+        </div>
+        <div>
+          <label>ProjectId: github id</label>
+          <input
+            value={projectId}
+            onChange={(e) => setProjectId(e.target.value)}
+          />
+        </div>
+        <div>
+          <Button onClick={tryMe}>Try Me!</Button>
+        </div>
+      </Section>
+    </>
+  );
+}

examples/simple-react/src/components/sections/DonateToProject.tsx

@@ -0,0 +1,30 @@
+import { useState } from "react";
+import { sdk } from "../../lib/youbet-sdk";
+import { Section } from "../Section";
+import { Button } from "../Button";
+
+export function DonateToProject() {
+  const [projectId, setProjectId] = useState("829893564");
+
+  const tryMe = async () => {
+    const taskInfo = await sdk.contract.donateToProject(projectId, "0.0003");
+    console.log(taskInfo);
+  };
+
+  return (
+    <>
+      <Section title="Donate To Project">
+        <div>
+          <label>ProjectId</label>
+          <input
+            value={projectId}
+            onChange={(e) => setProjectId(e.target.value)}
+          />
+        </div>
+        <div>
+          <Button onClick={tryMe}>Try Me!</Button>
+        </div>
+      </Section>
+    </>
+  );
+}

examples/simple-react/src/components/sections/GetClaimedRewards.tsx

@@ -0,0 +1,36 @@
+import { useState } from "react";
+import { sdk } from "../../lib/youbet-sdk";
+import { Section } from "../Section";
+import { Button } from "../Button";
+
+export function GetClaimedRewards() {
+  const [user, setUser] = useState(
+    "0x4808df9a90196d41459a3fe37d76dca32f795338"
+  );
+  const [value, setValue] = useState(0);
+
+  const tryMe = async () => {
+    const result = await sdk.client.getClaimedRewards(user);
+    setValue(result);
+    console.log(result);
+  };
+
+  return (
+    <>
+      <Section title="Get Claimed Rewards">
+        <div>
+          <label>User wallet address</label>
+          <input value={user} onChange={(e) => setUser(e.target.value)} />
+        </div>
+        <div>
+          <Button onClick={tryMe}>Try Me!</Button>
+        </div>
+        {
+          <div>
+            <textarea disabled value={value}></textarea>
+          </div>
+        }
+      </Section>
+    </>
+  );
+}

examples/simple-react/src/components/sections/GetProjectParticipants.tsx

@@ -0,0 +1,34 @@
+import { useState } from "react";
+import { sdk } from "../../lib/youbet-sdk";
+import { Section } from "../Section";
+import { Button } from "../Button";
+
+export function GetProjectParticipants() {
+  const [projectId, setProjectId] = useState("829893564");
+  const [value, setValue] = useState<string[]>([]);
+
+  const tryMe = async () => {
+    const result = await sdk.client.getProjectParticipants(projectId);
+    setValue(result);
+  };
+
+  return (
+    <>
+      <Section title="Get Project Participants">
+        <div>
+          <label>ProjectId</label>
+          <input
+            value={projectId}
+            onChange={(e) => setProjectId(e.target.value)}
+          />
+        </div>
+        <div>
+          <Button onClick={tryMe}>Try Me!</Button>
+        </div>
+        {value.map((data) => {
+          return <div key={data}>address: {data}</div>;
+        })}
+      </Section>
+    </>
+  );
+}

examples/simple-react/src/components/sections/GetTotalRewards.tsx

@@ -0,0 +1,35 @@
+import { useState } from "react";
+import { sdk } from "../../lib/youbet-sdk";
+import { Section } from "../Section";
+import { Button } from "../Button";
+
+export function GetTotalRewards() {
+  const [user, setUser] = useState(
+    "0x4808df9a90196d41459a3fe37d76dca32f795338"
+  );
+  const [value, setValue] = useState(0);
+
+  const tryMe = async () => {
+    const result = await sdk.client.getTotalRewards(user);
+    setValue(result);
+  };
+
+  return (
+    <>
+      <Section title="Get Total Rewards">
+        <div>
+          <label>User wallet address</label>
+          <input value={user} onChange={(e) => setUser(e.target.value)} />
+        </div>
+        <div>
+          <Button onClick={tryMe}>Try Me!</Button>
+        </div>
+        {
+          <div>
+            <textarea disabled value={value}></textarea>
+          </div>
+        }
+      </Section>
+    </>
+  );
+}