This PR adds Project creation functionality

debug.log

@@ -13,3 +13,15 @@
 [0527/213826.031:ERROR:crash_report_database_win.cc(469)] failed to stat report
 [0528/151733.993:ERROR:crash_report_database_win.cc(469)] failed to stat report
 [0528/151734.019:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0529/140617.768:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0529/140617.771:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0601/221346.435:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0601/221346.456:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0602/164611.913:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0602/164611.915:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0602/190943.213:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0602/190943.215:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0602/192715.867:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0602/192715.870:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0603/212048.026:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0603/212048.028:ERROR:crash_report_database_win.cc(469)] failed to stat report

src/components/Activity/activity-types.js

@@ -22,6 +22,14 @@ const ACTIVITY_TYPES = new Map(
     `,
       }
     },
+    newProject({ name, budget }) {
+      return {
+        icon: execute,
+        title: 'Added Project',
+        description: ` Created Project ${name} , ${budget} 
+    `,
+      }
+    },
     transaction({ transactionHash }) {
       return {
         title: 'Transaction',

src/components/Dashboard/APIcall.js

@@ -36,6 +36,8 @@ function APIcall() {
 
   const onFailure = (response) => console.error(response)
 
+  const TokenContext = React.createContext(localStorage.getItem('ACCESS TOKEN'))
+
   return (
     <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
       <Button mode='normal'>

src/components/Disputes/Import.js

@@ -1,16 +1,11 @@
 /* eslint-disable  */
-import React, { useState, useEffect } from 'react'
-import {
-  SidePanel,
-  Button,
-  DropDown,
-  TextInput,
-  textStyle,
-  Main,
-  GU,
-} from '@aragon/ui'
+import React, { useState, useRef } from 'react'
+import { SidePanel, Button, DropDown, TextInput, LoadingRing } from '@aragon/ui'
 import { Octokit } from '@octokit/rest'
 import { useWallet } from 'use-wallet'
+import { useProjectCreationActions } from '../../hooks/useProjectCreation'
+
+// import { useProjectCreationActions } from './useProjectCreation'
 
 function Import() {
   const wallet = useWallet()
@@ -21,6 +16,10 @@ function Import() {
 
   const [list, setList] = useState([])
 
+  // const [loading, setLoading] = useState(false)
+
+  const { create } = useProjectCreationActions()
+
   const TOKEN = localStorage.getItem('ACCESS TOKEN')
 
   const octokit = new Octokit({
@@ -34,9 +33,9 @@ function Import() {
     setPublicRepos(num - 1)
     return data
   }
+
   async function listUserRepos() {
     setOpened(true)
-
     let repoList = []
     const user = await userInfo()
     for (let page = 1; page <= Math.ceil(user.public_repos / 100); page++) {
@@ -65,29 +64,68 @@ function Import() {
     setSelected(index)
   }
 
+  const inputBudget = useRef(null)
+  const inputName = useRef(null)
+
+  async function handleProjectCreationn() {
+    let nameInput = inputName.current.value
+    let budgetInput = inputBudget.current.value
+    let dropdownInput = inputDropdown.current.value
+    console.log(nameInput, budgetInput)
+    await create(dropdownInput, nameInput, budgetInput)
+  }
+
   return (
     <>
-      {wallet.account !== null ? (
+      {wallet.account !== null &&
+      localStorage.getItem('ACCESS TOKEN') !== null ? (
         <Button mode='strong' onClick={listUserRepos}>
           Import Project
         </Button>
       ) : null}
 
       <SidePanel onClose={handleClose} title='Repository' opened={opened}>
-        <DropDown
-          selected={selected}
-          onChange={handleOnChange}
-          items={[...list]}
-          style={{ marginTop: '4rem' }}
-        />
-
-        <TextInput style={{ marginTop: '2rem' }} placeholder='Provide a Name' />
-
-        <TextInput style={{ marginTop: '2rem' }} placeholder='Budget' />
-
-        <Button style={{ marginTop: '4rem' }} mode='positive'>
-          Import Project
-        </Button>
+        {list.length === 0 ? (
+          <div
+            style={{
+              display: 'flex',
+              justifyContent: 'center',
+              marginTop: '4rem',
+            }}
+          >
+            <LoadingRing mode='half-circle' />
+          </div>
+        ) : (
+          <>
+            <DropDown
+              selected={selected}
+              onChange={handleOnChange}
+              items={[...list]}
+              ref={inputDropdown}
+              style={{
+                marginTop: '4rem',
+              }}
+            />
+            {console.log(selected)}
+            <TextInput
+              ref={inputName}
+              style={{ marginTop: '2rem' }}
+              placeholder='Provide a Name'
+            />
+            <TextInput
+              ref={inputBudget}
+              style={{ marginTop: '2rem' }}
+              placeholder='Budget'
+            />
+            <Button
+              onClick={handleProjectCreationn}
+              style={{ marginTop: '4rem' }}
+              mode='positive'
+            >
+              Import Project
+            </Button>
+          </>
+        )}
       </SidePanel>
     </>
   )

src/components/Disputes/ProjectCreation.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import { useProjectCreationActions } from '../../hooks/useProjectCreation'
+
+export function handleProjectCreation() {
+  // useProjectCreationActions(id, name, budget)
+}
+
+/////
+
+/////