dapp store
This commit is contained in:
Andrey Shovkoplyas
parent
5a2fbb0f8e
commit
e72c006b45
|
|
@ -1,7 +1,9 @@
|
|||
(ns status-dapp.db
|
||||
(:require [re-frame.core :as re-frame]))
|
||||
|
||||
(def web3 (or (when (exists? js/web3) js/web3)
|
||||
(def dapp-store? (re-find #"#dapp-store" (-> js/window .-location .-href)))
|
||||
|
||||
(def web3 (or dapp-store? (when (exists? js/web3) js/web3)
|
||||
#_(when (exists? js/ethereumBeta)
|
||||
(js/setTimeout (fn []
|
||||
(.then (.send js/ethereumBeta "eth_requestAccounts") #(re-frame/dispatch [:set-default-account]))
|
||||
|
|
@ -17,10 +19,198 @@
|
|||
100)
|
||||
(js/Web3. js/ethereum))))
|
||||
|
||||
|
||||
(def all
|
||||
[{:title "Exchanges"
|
||||
:color "#887AF9"
|
||||
:data [{:name "Airswap"
|
||||
:dapp-url "https://instant.airswap.io/"
|
||||
:photo-path "contacts://airswap"
|
||||
:description "Meet the future of trading."}
|
||||
{:name "Bancor"
|
||||
:dapp-url "https://www.bancor.network/"
|
||||
:photo-path "contacts://bancor"
|
||||
:description "Bancor is a decentralized liquidity network"}
|
||||
{:name "ERC dEX"
|
||||
:dapp-url "https://app.ercdex.com/"
|
||||
:photo-path "contacts://erc-dex"
|
||||
:description "Trustless trading has arrived on Ethereum"}
|
||||
{:name "Kyber"
|
||||
:dapp-url "https://web3.kyber.network"
|
||||
:photo-path "contacts://kyber"
|
||||
:description "On-chain, instant and liquid platform for exchange and payment service"}
|
||||
{:name "Oasis Direct"
|
||||
:dapp-url "https://oasis.direct/"
|
||||
:photo-path "contacts://oasis-direct"
|
||||
:description "The first decentralized instant exchange"}
|
||||
{:name "DAI by MakerDao"
|
||||
:dapp-url "https://dai.makerdao.com"
|
||||
:photo-path "contacts://dai"
|
||||
:description "Stability for the blockchain"}
|
||||
{:name "LocalEthereum"
|
||||
:dapp-url "https://localethereum.com/"
|
||||
:photo-path "contacts://local-ethereum"
|
||||
:description "The smartest way to buy and sell Ether"}
|
||||
{:name "Eth2phone"
|
||||
:dapp-url "https://eth2.io"
|
||||
:photo-path "contacts://eth2phone"
|
||||
:description "Send Ether by phone number"}
|
||||
{:name "DDEX"
|
||||
:dapp-url "https://ddex.io/"
|
||||
:photo-path "contacts://ddex"
|
||||
:description "Instant, real-time order matching with secure on-chain settlement"}
|
||||
{:name "EasyTrade"
|
||||
:dapp-url "https://easytrade.io"
|
||||
:photo-path "contacts://easytrade"
|
||||
:description "One exchange for every token"}
|
||||
{:name "slow.trade"
|
||||
:dapp-url "https://slow.trade/"
|
||||
:photo-path "contacts://slowtrade"
|
||||
:description "Trade fairly priced crypto assets on the first platform built with the DutchX protocol."}]}
|
||||
{:title "Marketplaces"
|
||||
:color "#FE8F59"
|
||||
:data [{:name "blockimmo"
|
||||
:dapp-url "https://blockimmo.ch"
|
||||
:photo-path "contacts://blockimmo"
|
||||
:description "blockimmo is a blockchain powered, regulated platform enabling shared property investments and ownership."}
|
||||
{:name "CryptoCribs"
|
||||
:dapp-url "https://cryptocribs.com"
|
||||
:photo-path "contacts://cryptocribs"
|
||||
:description "Travel the globe. Pay in crypto."}
|
||||
{:name "Ethlance"
|
||||
:dapp-url "https://ethlance.com"
|
||||
:photo-path "contacts://ethlance"
|
||||
:description "The future of work is now. Hire people or work yourself in return for ETH."}
|
||||
{:name "OpenSea"
|
||||
:dapp-url "https://opensea.io"
|
||||
:photo-path "contacts://opensea"
|
||||
:description "The largest decentralized marketplace for cryptogoods"}
|
||||
{:name "Name Bazaar"
|
||||
:dapp-url "https://namebazaar.io"
|
||||
:photo-path "contacts://name-bazaar"
|
||||
:description "ENS name marketplace"}
|
||||
{:name "The Bounties Network"
|
||||
:dapp-url "https://bounties.network/"
|
||||
:photo-path "contacts://bounties-network"
|
||||
:description "Bounties on any task, paid in any token"}
|
||||
{:name "Emoon"
|
||||
:dapp-url "https://www.emoon.io/"
|
||||
:photo-path "contacts://emoon"
|
||||
:description "A decentralized marketplace for buying & selling crypto assets"}
|
||||
{:name "SuperRare"
|
||||
:dapp-url "https://superrare.co/market"
|
||||
:photo-path "contacts://superrare"
|
||||
:description "Buy, sell and collect unique digital creations by artists around the world"}]}
|
||||
{:title "Fun & Games"
|
||||
:color "#D37EF4"
|
||||
:data [{:name "CryptoKitties"
|
||||
:dapp-url "https://www.cryptokitties.co"
|
||||
:photo-path "contacts://cryptokitties"
|
||||
:description "Collect and breed adorable digital cats."}
|
||||
{:name "CryptoFighters"
|
||||
:dapp-url "https://cryptofighters.io"
|
||||
:photo-path "contacts://cryptofighters"
|
||||
:description "Collect train and fight digital fighters."}
|
||||
{:name "Cryptographics"
|
||||
:dapp-url "https://cryptographics.app/"
|
||||
:photo-path "contacts://cryptographics"
|
||||
:description "Cryptographics is a digital art hub where artists, creators and collectors can submit asset packs, create unique cryptographics and trade them."}
|
||||
{:name "CryptoPunks"
|
||||
:dapp-url "https://www.larvalabs.com/cryptopunks"
|
||||
:photo-path "contacts://cryptopunks"
|
||||
:description "10,000 unique collectible punks"}
|
||||
{:name "Crypto Takeovers"
|
||||
:dapp-url "https://cryptotakeovers.com/"
|
||||
:photo-path "contacts://cryptotakeovers"
|
||||
:description "Predict and conquer the world. Make a crypto fortune."}
|
||||
{:name "Decentraland"
|
||||
:dapp-url "https://market.decentraland.org/"
|
||||
:photo-path "contacts://decentraland"
|
||||
:description "Decentraland is a virtual reality platform powered by the Ethereum blockchain."}
|
||||
{:name "Dragonereum"
|
||||
:dapp-url "https://dapp.dragonereum.io"
|
||||
:photo-path "contacts://dragonereum"
|
||||
:description "Own and trade dragons, fight with other players."}
|
||||
{:name "Etherbots"
|
||||
:dapp-url "https://etherbots.io/"
|
||||
:photo-path "contacts://etherbots"
|
||||
:description "Robot wars on the Ethereum Platform"}
|
||||
{:name "Etheremon"
|
||||
:dapp-url "https://www.etheremon.com/"
|
||||
:photo-path "contacts://etheremon"
|
||||
:description "Decentralized World of Ether Monsters"}
|
||||
{:name "CryptoStrikers"
|
||||
:dapp-url "https://www.cryptostrikers.com/"
|
||||
:photo-path "contacts://cryptostrikers"
|
||||
:description "The Beautiful (card) Game"}]}
|
||||
{:title "Social Networks"
|
||||
:color "#7CDA00"
|
||||
:data [{:name "Cent"
|
||||
:dapp-url "https://beta.cent.co/"
|
||||
:photo-path "contacts://cent"
|
||||
:description "Get wisdom, get money"}
|
||||
{:name "Kickback"
|
||||
:dapp-url "https://kickback.events/"
|
||||
:photo-path "contacts://kickback"
|
||||
:description "Event no shows? No problem. Kickback asks event attendees to put skin in the game with Ethereum."}
|
||||
{:name "Peepeth"
|
||||
:dapp-url "https://peepeth.com/"
|
||||
:photo-path "contacts://peepeth"
|
||||
:description "Blockchain-powered microblogging"}
|
||||
{:name "Purrbook"
|
||||
:dapp-url "https://cryptopurr.co/"
|
||||
:photo-path "contacts://cryptopurr"
|
||||
:description "A social network for CryptoKitties"}]}
|
||||
{:title "Media"
|
||||
:color "#FFCA0F"
|
||||
:data [{:name "livepeer.tv"
|
||||
:dapp-url "http://livepeer.tv/"
|
||||
:photo-path "contacts://livepeer"
|
||||
:description "Decentralized video broadcasting"}]}
|
||||
{:title "Utilities"
|
||||
:color "#FA6565"
|
||||
:data [{:name "3Box"
|
||||
:dapp-url "https://3box.io/"
|
||||
:photo-path "contacts://3box"
|
||||
:description "Create and manage your Ethereum Profile."}
|
||||
{:name "Aragon"
|
||||
:dapp-url "https://mainnet.aragon.org/"
|
||||
:photo-path "contacts://aragon"
|
||||
:description "Build unstoppable organizations on Ethereum."}
|
||||
{:name "Civitas"
|
||||
:dapp-url "https://communities.colu.com/"
|
||||
:photo-path "contacts://civitas"
|
||||
:description "Blockchain-powered local communities"}
|
||||
{:name "ETHLend"
|
||||
:dapp-url "https://app.ethlend.io"
|
||||
:photo-path "contacts://ethlend"
|
||||
:description "Decentralized lending on Ethereum"}
|
||||
{:name "Hexel"
|
||||
:dapp-url "https://www.onhexel.com/"
|
||||
:photo-path "contacts://hexel"
|
||||
:description "Create your own cryptocurrency"}
|
||||
{:name "Livepeer"
|
||||
:dapp-url "https://explorer.livepeer.org/"
|
||||
:photo-path "contacts://livepeer"
|
||||
:description "Decentralized video broadcasting"}
|
||||
{:name "Smartz"
|
||||
:dapp-url "https://smartz.io"
|
||||
:photo-path "contacts://smartz"
|
||||
:description "Easy smart contract management"}
|
||||
{:name "SNT Voting DApp"
|
||||
:dapp-url "https://vote.status.im"
|
||||
:photo-path "contacts://snt-voting"
|
||||
:description "Let your SNT be heard! Vote on decisions exclusive to SNT holders, or create a poll of your own."}
|
||||
{:name "Status Test DApp"
|
||||
:dapp-url "simpledapp.eth"
|
||||
:description "Request test assets and test basic web3 functionality."
|
||||
:developer? true}]}])
|
||||
|
||||
(def default-db
|
||||
{:web3 web3
|
||||
:web3-async-data {}
|
||||
:view-id (if web3 :web3 :no-web3)
|
||||
:view-id (cond dapp-store? :dapp-store web3 :web3 :else :no-web3)
|
||||
:dapp-store {:dapps all}
|
||||
:message "Test message"
|
||||
:message-json "{\"types\":{\"EIP712Domain\":[{\"name\":\"name\",\"type\":\"string\"},{\"name\":\"version\",\"type\":\"string\"},{\"name\":\"chainId\",\"type\":\"uint256\"},{\"name\":\"verifyingContract\",\"type\":\"address\"}],\"Person\":[{\"name\":\"name\",\"type\":\"string\"},{\"name\":\"wallet\",\"type\":\"address\"}],\"Mail\":[{\"name\":\"from\",\"type\":\"Person\"},{\"name\":\"to\",\"type\":\"Person\"},{\"name\":\"contents\",\"type\":\"string\"}]},\"primaryType\":\"Mail\",\"domain\":{\"name\":\"Ether Mail\",\"version\":\"1\",\"chainId\":3,\"verifyingContract\":\"0xCcCCccccCCCCcCCCCCCcCcCccCcCCCcCcccccccC\"},\"message\":{\"from\":{\"name\":\"Cow\",\"wallet\":\"0xCD2a3d9F938E13CD947Ec05AbC7FE734Df8DD826\"},\"to\":{\"name\":\"Bob\",\"wallet\":\"0xbBbBBBBbbBBBbbbBbbBbbbbBBbBbbbbBbBbbBBbB\"},\"contents\":\"Hello, Bob!\"}}"
|
||||
:tab-view :accounts})
|
||||
|
|
@ -218,8 +218,29 @@
|
|||
[stickers-input content-hash "Content hash" :content-hash]
|
||||
[ui/button "Register" #(re-frame/dispatch [:register-stickers contract price donate content-hash])]])]]]))
|
||||
|
||||
(defview dapp-store-view []
|
||||
(letsubs [{:keys [dapps]} [:get :dapp-store]]
|
||||
[react/scroll-view
|
||||
(for [{:keys [title data color]} dapps]
|
||||
[react/view {:style {:margin 16}}
|
||||
[react/view {:style {:height 40
|
||||
:padding-horizontal 14
|
||||
:justify-content :center
|
||||
:background-color color
|
||||
:box-shadow "0px 2px 8px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(136, 122, 249, 0.2)"
|
||||
:border-radius 8
|
||||
:margin-bottom 12}}
|
||||
[react/text {:style {:font-size 15 :font-weight "500" :color :white}} title]]
|
||||
(for [{:keys [name dapp-url description]} data]
|
||||
[react/touchable-highlight {:on-press #(.open js/window dapp-url "_self")}
|
||||
[react/view {:style {:height 96 :padding-top 11}}
|
||||
[react/text {:style {:font-size 15 :line-height 22 :font-weight "500"}} name]
|
||||
[react/text {:style {:font-size 13 :color "#939BA1" :line-height 18 :margin-top 5 :margin-bottom 2}} description]
|
||||
[react/text {:style {:font-size 12 :color "#4360DF"}} (str dapp-url " ->")]]])])]))
|
||||
|
||||
(defview main []
|
||||
(letsubs [view-id [:get :view-id]]
|
||||
(case view-id
|
||||
:web3 [web3-view]
|
||||
:dapp-store [dapp-store-view]
|
||||
[no-web3])))
|
||||
Loading…
Reference in New Issue