aragon-profile

a single profile component for the Aragon Client

Install

npm install --save @openworklabs/aragon-profile

Usage

import React from 'react'
import { Profile } from '@openworklabs/aragon-profile'

const Example = () => (
  <Profile
    account={account}
    enableWallet={enableWallet}
    onSignatures={onSignatures}
    parts={locator.parts}
    web3Provider={window.web3.currentProvider}
  />
)

onSignatures is any function that invokes a signature request

Developing locally

This repo has to be run with https://github.com/openworklabs/aragon

Clone this repo, install dependencies, link, and build: git clone [email protected]:AutarkLabs/aragon-profile.git cd aragon-profile npm i npm run prepare-local-dev npm link npm run build

After finishing these commands, your aragon-profile should have a /dist directory with the ES5 code.

NOTE - anytime you want to see your changes on the aragon-client, you have to re-run npm run build

In a separate repository location, clone the aragon client repo: git clone [email protected]:openworklabs/aragon.git cd aragon

Install dependencies: npm i

Link local dependency npm link @openworklabs/aragon-profile

Go back for a moment to aragon-profile and run again: npm run prepare-local-dev

Start the app: npm run start

Running DAO on Rinkeby (default)

Navigate to http://localhost:3000/ and create an organization.

Running DAO on local environment

Run (in a separate terminal): aragon devchain

This will give you: ℹ ENS instance deployed at 0x5f6f7e8cc7346a11ca2def8f827b7a0b612c56a1 ℹ Devchain running: http://localhost:8545.

In another terminal create a DAO: dao create

This should provide create a DAO on your local chain: ✔ Created DAO: 0xb84dFbdc18069a83af4D5506096f5e7AC7554183

Finally you can start Aragon client providing necessary configuration variables via environment: aragon (master) $ export REACT_APP_DEFAULT_ETH_NODE=ws://localhost:8545 aragon (master) $ export REACT_APP_ETH_NETWORK_TYPE=local aragon (master) $ export REACT_APP_ENS_REGISTRY_ADDRESS=0x5f6f7e8cc7346a11ca2def8f827b7a0b612c56a1 aragon (master) $ npm run start:with:profiles

Navigate to http://localhost:3000/#/0xb84dFbdc18069a83af4D5506096f5e7AC7554183

Accessing Profile

Once on your organization, you have to manually navigate to profiles via the url bar:

Your profile: http://localhost:3000/#/<ENS-NAME>/profile/

Someone else's profile: http://localhost:3000/#/<ENS-NAME>/profile/<ETHEREUM-ADDRESS>

Example: http://localhost:3000/#/schwartzzilla.aragonid.eth/profile/0x501D456ed92F1223D71208A8e6d3F77761174AF1

License

MIT © Schwartz10