Before Width: | Height: | Size: 5.6 KiB |
Before Width: | Height: | Size: 5.7 KiB |
Before Width: | Height: | Size: 6.9 KiB |
Before Width: | Height: | Size: 137 KiB |
Before Width: | Height: | Size: 4.6 KiB |
Before Width: | Height: | Size: 5.4 KiB |
Before Width: | Height: | Size: 4.9 KiB |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 7.3 KiB |
Before Width: | Height: | Size: 4.8 KiB |
Before Width: | Height: | Size: 6.4 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 137 KiB After Width: | Height: | Size: 557 KiB |
Before Width: | Height: | Size: 5.4 KiB |
Before Width: | Height: | Size: 658 KiB |
@ -0,0 +1,15 @@
|
|||||||
|
/* @flow */
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
export const toggle = (): any => {
|
||||||
|
return (dispatch, getState) => {
|
||||||
|
|
||||||
|
if (!getState().log.opened) {
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
dispatch({
|
||||||
|
type: getState().log.opened ? 'log__close' : 'log__open'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,67 @@
|
|||||||
|
/* @flow */
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import ColorHash from 'color-hash';
|
||||||
|
import ScaleText from 'react-scale-text';
|
||||||
|
|
||||||
|
const PendingTransactions = (props: any): any => {
|
||||||
|
|
||||||
|
const account = props.accounts.find(a => a.checksum === props.sendForm.checksum && a.index === props.sendForm.accountIndex && a.coin === props.sendForm.coin);
|
||||||
|
const pending = props.pending.filter(p => p.coin === account.coin && p.address === account.address);
|
||||||
|
|
||||||
|
if (pending.length < 1) return null;
|
||||||
|
|
||||||
|
const tokens = props.tokens.filter(t => t.ethAddress === account.address);
|
||||||
|
|
||||||
|
const bgColor = new ColorHash({lightness: 0.7});
|
||||||
|
const textColor = new ColorHash();
|
||||||
|
|
||||||
|
const pendings = pending.map((tx, i) => {
|
||||||
|
|
||||||
|
let iconColor, symbol, name;
|
||||||
|
|
||||||
|
if (tx.token !== tx.coin) {
|
||||||
|
const token = tokens.find(t => t.symbol === tx.token);
|
||||||
|
iconColor = {
|
||||||
|
color: textColor.hex(token.name),
|
||||||
|
background: bgColor.hex(token.name),
|
||||||
|
borderColor: bgColor.hex(token.name)
|
||||||
|
}
|
||||||
|
symbol = token.symbol.toUpperCase();
|
||||||
|
name = token.name;
|
||||||
|
} else {
|
||||||
|
iconColor = {
|
||||||
|
color: textColor.hex(tx.coin),
|
||||||
|
background: bgColor.hex(tx.coin),
|
||||||
|
borderColor: bgColor.hex(tx.coin)
|
||||||
|
}
|
||||||
|
symbol = props.selectedCoin.symbol;
|
||||||
|
name = props.selectedCoin.name;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div key={i} className="tx">
|
||||||
|
<div className="icon" style={ iconColor }>
|
||||||
|
<div className="icon-inner">
|
||||||
|
<ScaleText widthOnly><p>{ symbol }</p></ScaleText>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="name">
|
||||||
|
<a href={ `${props.selectedCoin.explorer}/tx/${tx.id}`} target="_blank" rel="noreferrer noopener">{ name }</a>
|
||||||
|
</div>
|
||||||
|
<div className="amount">{ tx.amount } { symbol }</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="pending-transactions">
|
||||||
|
<h2>Pending transactions</h2>
|
||||||
|
{ pendings }
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default PendingTransactions;
|
@ -0,0 +1,8 @@
|
|||||||
|
/* @flow */
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
|
||||||
|
export type Dispatch = (action: Action | ThunkAction | PromiseAction) => any;
|
||||||
|
export type GetState = () => State;
|
||||||
|
export type ThunkAction = (dispatch: Dispatch, getState: GetState) => any;
|
||||||
|
export type PromiseAction = Promise<Action>;
|
@ -0,0 +1,37 @@
|
|||||||
|
/* @flow */
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
export type Fiat = {
|
||||||
|
+network: string;
|
||||||
|
value: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const initialState: Array<Fiat> = [];
|
||||||
|
|
||||||
|
const update = (state: Array<Fiat>, action: any): Array<Fiat> => {
|
||||||
|
const newState: Array<Fiat> = [ ...state ];
|
||||||
|
const exists: ?Fiat = newState.find(f => f.network === action.network);
|
||||||
|
if (exists) {
|
||||||
|
exists.value = action.rate.price_usd;
|
||||||
|
} else {
|
||||||
|
newState.push({
|
||||||
|
network: action.network,
|
||||||
|
value: action.rate.price_usd
|
||||||
|
})
|
||||||
|
}
|
||||||
|
return newState;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export default (state: Array<Fiat> = initialState, action: any): Array<Fiat> => {
|
||||||
|
|
||||||
|
switch (action.type) {
|
||||||
|
|
||||||
|
case 'rate__update' :
|
||||||
|
return update(state, action);
|
||||||
|
|
||||||
|
default:
|
||||||
|
return state;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,46 @@
|
|||||||
|
/* @flow */
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
type LogEntry = {
|
||||||
|
time: number;
|
||||||
|
type: string;
|
||||||
|
messgage: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type State = {
|
||||||
|
opened: boolean;
|
||||||
|
entries: Array<LogEntry>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const initialState: State = {
|
||||||
|
opened: false,
|
||||||
|
entries: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
export default (state: State = initialState, action: any): State => {
|
||||||
|
|
||||||
|
switch (action.type) {
|
||||||
|
|
||||||
|
case 'log__open':
|
||||||
|
return {
|
||||||
|
...state,
|
||||||
|
opened: true
|
||||||
|
}
|
||||||
|
|
||||||
|
case 'log__close':
|
||||||
|
return {
|
||||||
|
...state,
|
||||||
|
opened: false
|
||||||
|
}
|
||||||
|
|
||||||
|
case 'log__add':
|
||||||
|
return {
|
||||||
|
...state,
|
||||||
|
}
|
||||||
|
|
||||||
|
default:
|
||||||
|
return state;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,54 @@
|
|||||||
|
/* @flow */
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
import * as SEND from '../actions/constants/SendForm';
|
||||||
|
import * as WEB3 from '../actions/constants/Web3';
|
||||||
|
|
||||||
|
export type PendingTx = {
|
||||||
|
+id: string;
|
||||||
|
+coin: string;
|
||||||
|
+token: string;
|
||||||
|
+amount: string;
|
||||||
|
+address: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const initialState: Array<PendingTx> = [];
|
||||||
|
|
||||||
|
const add = (state: Array<PendingTx>, action: any) => {
|
||||||
|
const newState = [ ...state ];
|
||||||
|
newState.push({
|
||||||
|
id: action.txid,
|
||||||
|
coin: action.address.coin,
|
||||||
|
token: action.token,
|
||||||
|
amount: action.amount,
|
||||||
|
address: action.address.address,
|
||||||
|
});
|
||||||
|
return newState;
|
||||||
|
}
|
||||||
|
|
||||||
|
const remove = (state: Array<PendingTx>, action: any) => {
|
||||||
|
return state.filter(tx => tx.id !== action.tx.id);
|
||||||
|
}
|
||||||
|
|
||||||
|
const fromStorage = (state: Array<PendingTx>, action: any) => {
|
||||||
|
return state.filter(tx => tx.id !== action.tx.id);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function pending(state: Array<PendingTx> = initialState, action: any): any {
|
||||||
|
|
||||||
|
switch (action.type) {
|
||||||
|
|
||||||
|
case SEND.TX_COMPLETE :
|
||||||
|
return add(state, action);
|
||||||
|
|
||||||
|
case WEB3.PENDING_TX_RESOLVED :
|
||||||
|
return remove(state, action);
|
||||||
|
|
||||||
|
case 'PENDING.FROM_STORAGE' :
|
||||||
|
return action.payload;
|
||||||
|
|
||||||
|
default:
|
||||||
|
return state;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,137 @@
|
|||||||
|
pragma solidity ^0.4.4;
|
||||||
|
|
||||||
|
contract Token {
|
||||||
|
|
||||||
|
/// @return total amount of tokens
|
||||||
|
function totalSupply() constant returns (uint256 supply) {}
|
||||||
|
|
||||||
|
/// @param _owner The address from which the balance will be retrieved
|
||||||
|
/// @return The balance
|
||||||
|
function balanceOf(address _owner) constant returns (uint256 balance) {}
|
||||||
|
|
||||||
|
/// @notice send `_value` token to `_to` from `msg.sender`
|
||||||
|
/// @param _to The address of the recipient
|
||||||
|
/// @param _value The amount of token to be transferred
|
||||||
|
/// @return Whether the transfer was successful or not
|
||||||
|
function transfer(address _to, uint256 _value) returns (bool success) {}
|
||||||
|
|
||||||
|
/// @notice send `_value` token to `_to` from `_from` on the condition it is approved by `_from`
|
||||||
|
/// @param _from The address of the sender
|
||||||
|
/// @param _to The address of the recipient
|
||||||
|
/// @param _value The amount of token to be transferred
|
||||||
|
/// @return Whether the transfer was successful or not
|
||||||
|
function transferFrom(address _from, address _to, uint256 _value) returns (bool success) {}
|
||||||
|
|
||||||
|
/// @notice `msg.sender` approves `_addr` to spend `_value` tokens
|
||||||
|
/// @param _spender The address of the account able to transfer the tokens
|
||||||
|
/// @param _value The amount of wei to be approved for transfer
|
||||||
|
/// @return Whether the approval was successful or not
|
||||||
|
function approve(address _spender, uint256 _value) returns (bool success) {}
|
||||||
|
|
||||||
|
/// @param _owner The address of the account owning tokens
|
||||||
|
/// @param _spender The address of the account able to transfer the tokens
|
||||||
|
/// @return Amount of remaining tokens allowed to spent
|
||||||
|
function allowance(address _owner, address _spender) constant returns (uint256 remaining) {}
|
||||||
|
|
||||||
|
event Transfer(address indexed _from, address indexed _to, uint256 _value);
|
||||||
|
event Approval(address indexed _owner, address indexed _spender, uint256 _value);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
contract StandardToken is Token {
|
||||||
|
|
||||||
|
function transfer(address _to, uint256 _value) returns (bool success) {
|
||||||
|
//Default assumes totalSupply can't be over max (2^256 - 1).
|
||||||
|
//If your token leaves out totalSupply and can issue more tokens as time goes on, you need to check if it doesn't wrap.
|
||||||
|
//Replace the if with this one instead.
|
||||||
|
//if (balances[msg.sender] >= _value && balances[_to] + _value > balances[_to]) {
|
||||||
|
if (balances[msg.sender] >= _value && _value > 0) {
|
||||||
|
balances[msg.sender] -= _value;
|
||||||
|
balances[_to] += _value;
|
||||||
|
Transfer(msg.sender, _to, _value);
|
||||||
|
return true;
|
||||||
|
} else { return false; }
|
||||||
|
}
|
||||||
|
|
||||||
|
function transferFrom(address _from, address _to, uint256 _value) returns (bool success) {
|
||||||
|
//same as above. Replace this line with the following if you want to protect against wrapping uints.
|
||||||
|
//if (balances[_from] >= _value && allowed[_from][msg.sender] >= _value && balances[_to] + _value > balances[_to]) {
|
||||||
|
if (balances[_from] >= _value && allowed[_from][msg.sender] >= _value && _value > 0) {
|
||||||
|
balances[_to] += _value;
|
||||||
|
balances[_from] -= _value;
|
||||||
|
allowed[_from][msg.sender] -= _value;
|
||||||
|
Transfer(_from, _to, _value);
|
||||||
|
return true;
|
||||||
|
} else { return false; }
|
||||||
|
}
|
||||||
|
|
||||||
|
function balanceOf(address _owner) constant returns (uint256 balance) {
|
||||||
|
return balances[_owner];
|
||||||
|
}
|
||||||
|
|
||||||
|
function approve(address _spender, uint256 _value) returns (bool success) {
|
||||||
|
allowed[msg.sender][_spender] = _value;
|
||||||
|
Approval(msg.sender, _spender, _value);
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function allowance(address _owner, address _spender) constant returns (uint256 remaining) {
|
||||||
|
return allowed[_owner][_spender];
|
||||||
|
}
|
||||||
|
|
||||||
|
mapping (address => uint256) balances;
|
||||||
|
mapping (address => mapping (address => uint256)) allowed;
|
||||||
|
uint256 public totalSupply;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//name this contract whatever you'd like
|
||||||
|
contract DariaCoin is StandardToken {
|
||||||
|
|
||||||
|
function () {
|
||||||
|
//if ether is sent to this address, send it back.
|
||||||
|
throw;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Public variables of the token */
|
||||||
|
|
||||||
|
/*
|
||||||
|
NOTE:
|
||||||
|
The following variables are OPTIONAL vanities. One does not have to include them.
|
||||||
|
They allow one to customise the token contract & in no way influences the core functionality.
|
||||||
|
Some wallets/interfaces might not even bother to look at this information.
|
||||||
|
*/
|
||||||
|
string public name; //fancy name: eg Simon Bucks
|
||||||
|
uint8 public decimals; //How many decimals to show. ie. There could 1000 base units with 3 decimals. Meaning 0.980 SBX = 980 base units. It's like comparing 1 wei to 1 ether.
|
||||||
|
string public symbol; //An identifier: eg SBX
|
||||||
|
string public version = 'H1.0'; //human 0.1 standard. Just an arbitrary versioning scheme.
|
||||||
|
|
||||||
|
//
|
||||||
|
// CHANGE THESE VALUES FOR YOUR TOKEN
|
||||||
|
//
|
||||||
|
|
||||||
|
//make sure this function name matches the contract name above. So if you're token is called TutorialToken, make sure the //contract name above is also TutorialToken instead of ERC20Token
|
||||||
|
|
||||||
|
function DariaCoin(
|
||||||
|
) {
|
||||||
|
balances[msg.sender] = 666; // Give the creator all initial tokens (100000 for example)
|
||||||
|
totalSupply = 666; // Update total supply (100000 for example)
|
||||||
|
name = "Daria Coin :)"; // Set the name for display purposes
|
||||||
|
decimals = 2; // Amount of decimals for display purposes
|
||||||
|
symbol = "DC!"; // Set the symbol for display purposes
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Approves and then calls the receiving contract */
|
||||||
|
function approveAndCall(address _spender, uint256 _value, bytes _extraData) returns (bool success) {
|
||||||
|
allowed[msg.sender][_spender] = _value;
|
||||||
|
Approval(msg.sender, _spender, _value);
|
||||||
|
|
||||||
|
//call the receiveApproval function on the contract you want to be notified. This crafts the function signature manually so one doesn't have to include a contract in here just for this.
|
||||||
|
//receiveApproval(address _from, uint256 _value, address _tokenContract, bytes _extraData)
|
||||||
|
//it is assumed that when does this that the call *should* succeed, otherwise one would use vanilla approve instead.
|
||||||
|
if(!_spender.call(bytes4(bytes32(sha3("receiveApproval(address,uint256,address,bytes)"))), msg.sender, _value, this, _extraData)) { throw; }
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,50 @@
|
|||||||
|
.log {
|
||||||
|
position: relative;
|
||||||
|
color: @color_info_primary;
|
||||||
|
background: @color_info_secondary;
|
||||||
|
padding: 24px 48px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
.log-close {
|
||||||
|
position: absolute;
|
||||||
|
top: 8px;
|
||||||
|
right: 0;
|
||||||
|
padding: 12px;
|
||||||
|
color: inherit;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
.icomoon-close;
|
||||||
|
}
|
||||||
|
&:active,
|
||||||
|
&:hover {
|
||||||
|
opacity: 0.6;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
padding: 0px;
|
||||||
|
margin: 2px 0px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
min-height: 200px;
|
||||||
|
resize: vertical;
|
||||||
|
&:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|