kamescg

3Box is a social profiles network for web3. This post links my 3Box profile to my Github account!

✅ did:muport:QmbteMUNugqNgU2HCxBm9RV1hGjyW8pDQWTHVyTmFT4KJf ✅

Create your profile today to start building social connection and trust online. https://3box.io/

kamescg

import React from 'react'
import { 
  Login,
  LoginButton,
  LoginModal,
} from '3ID-system'
export default props => (
  <Login variants={['tag']} />
  <LoginButton 
    componentIsLoggedOut={CustomComponent}

kamescg

This post links my 3Box profile to my Github account! Web3 social profiles by 3Box.
    
✅ did:muport:QmagSwxTQRjdnhsA6T7XaTns2h8zsBN9sMnUbterF6Mo9J ✅

Create your profile today to start building social connection and trust online at https://3Box.io/

kamescg

import React, { useEffect } from 'react';
import { BoxInject } from '3box-ui-state'

const StorageInsert = ({ box, ...props }) => {
  useEffect(() => {
    if (props.space && props.index && props.delta && props.data) {
      box.insert({
        address: props.address,
        space: props.space,
        access: 'public',

kamescg

import React from 'react'
import { Login } from '3box-ui-system'
// Example 1
export default props => <Login />
// Example 1
export default props => <Login 
  componentIsLoggedOut={CustomComponent}
  componentIsLoading={CustomComponent}
  componentIsLoggedIn={CustomComponent}
/>

kamescg

import React from 'react'
import { EnableEtheruem } from '3box-ui-system'
export default props =>(
  <EnableEtheruem
    componentIsDisconnected={CustomComponent}
    componentIsLoading={CustomComponent}
    componentIsConnected={CustomComponent}
  />
)

kamescg

import React from 'react'
import { AccessAuthentication } from '3box-ui-system'
export default props =>
<AccessSpace space='web3'>
  <Atom.Span tag>Space Open Complete</Atom.Span>
</AccessSpace>

kamescg

import React from 'react'
import { AccessSpace } from '3box-ui-system'
export default props =>
<AccessSpace space='web3'>
  <Atom.Span tag>Space Open Complete</Atom.Span>
</AccessSpace>

kamescg

import React from 'react'
import { AccessThread } from '3box-ui-system'
export default props =>
<AccessThread space='web3' threadName='comments' >
  <Atom.Span tag>Thread Join Complete</Atom.Span>
</AccessThread>

kamescg

/* --- Global Dependencies --- */
import React from 'react'
import PropTypes from 'prop-types'
import { BoxInject } from '3box-ui-state'

/* --- Local Dependencies --- */
import { Component, ListObjectValues } from '@horizin/ui-compose'
import { Effects } from '3box-ui-state'

/* --- Component --- */