From 02a2b74efc02fbbfabcd3182a8c4f7d87191cba3 Mon Sep 17 00:00:00 2001
From: CAPtheorem <79423264+CAPtheorem@users.noreply.github.com>
Date: Fri, 13 May 2022 10:59:08 -0700
Subject: [PATCH] twitter button (#168)
* twitter button
* final cleanup
(cherry picked from commit 8a912113a186dd37283a96ad9541da7a34a7d359)
---
packages/boba/gateway/package.json | 4 +-
.../bobaScope/Transactions.module.scss | 6 +-
.../gateway/src/containers/monster/Monster.js | 64 +-----------------
.../src/containers/wallet/token/Token.js | 56 +++++++++++----
packages/boba/gateway/src/images/twitter.png | Bin 0 -> 1514 bytes
yarn.lock | 8 +--
6 files changed, 52 insertions(+), 86 deletions(-)
create mode 100644 packages/boba/gateway/src/images/twitter.png
diff --git a/packages/boba/gateway/package.json b/packages/boba/gateway/package.json
index 663137f987..67981a6892 100644
--- a/packages/boba/gateway/package.json
+++ b/packages/boba/gateway/package.json
@@ -53,6 +53,7 @@
"react-select": "^5.2.2",
"redux": "^4.1.2",
"redux-thunk": "^2.3.0",
+ "sass": "^1.51.0",
"serve": "^11.3.2",
"truncate-middle": "^1.0.6",
"ts-md5": "^1.2.11",
@@ -75,7 +76,6 @@
},
"devDependencies": {
"@beam-australia/react-env": "2.1.2",
- "audit-ci": "^3.1.1",
- "sass": "^1.49.7"
+ "audit-ci": "^3.1.1"
}
}
diff --git a/packages/boba/gateway/src/containers/bobaScope/Transactions.module.scss b/packages/boba/gateway/src/containers/bobaScope/Transactions.module.scss
index 8049f54571..2091ac878b 100644
--- a/packages/boba/gateway/src/containers/bobaScope/Transactions.module.scss
+++ b/packages/boba/gateway/src/containers/bobaScope/Transactions.module.scss
@@ -54,11 +54,8 @@
}
.transactions {
- /*height: 100%;*/
overflow: auto;
- background: $background400; //white;
- // border-bottom: 1px solid rgb(233, 234, 235);
- // box-shadow: rgb(100 100 111 / 20%) 0px 7px 10px 0px;
+ background: $background400;
border-radius: 8px;
margin-top: 10px;
min-height: 100px;
@@ -75,7 +72,6 @@
flex-direction: row;
align-items: center;
justify-content: space-between;
-
margin-bottom: 32px;
span {
margin-right: 20px;
diff --git a/packages/boba/gateway/src/containers/monster/Monster.js b/packages/boba/gateway/src/containers/monster/Monster.js
index a132100093..5fe4b0bc5e 100644
--- a/packages/boba/gateway/src/containers/monster/Monster.js
+++ b/packages/boba/gateway/src/containers/monster/Monster.js
@@ -21,7 +21,7 @@ class Monster extends React.Component {
constructor(props) {
- super(props);
+ super(props)
const {
list,
@@ -113,33 +113,6 @@ class Monster extends React.Component {
await networkService.addNFT(this.state.contractAddress, this.state.tokenID);
}
- async claimAuthenticatedFaucetTokens() {
- try {
- this.setState({...this.state, isClaimFaucetLoading: true})
- const tweetId = this.state.tweetUrl?.match(/twitter\.com\/.*\/status\/(\d+)/)[1]
-
- const {dispatch} = this.props
- const res = await networkService.getTestnetETHAuthenticatedMetaTransaction(tweetId)
- if (!res) {
- dispatch(openAlert('Faucet request submitted'))
- } else {
- this.setState({...this.state, faucetErrorMsg: res})
- }
- } catch (err) {
- let error = err.message.match(/execution reverted: (.*)\\+"}}/)
- if (error) {
- error = error[1]
- } else {
- error = err?.message ?? err;
- }
- console.error(error);
- this.setState({...this.state, faucetErrorMsg: error})
-
- } finally {
- this.setState({...this.state, isClaimFaucetLoading: false})
- }
- }
-
render() {
const {
@@ -294,41 +267,10 @@ class Monster extends React.Component {
also, to support content creators, journalists, artists, and developers. When they use their
Boba Bubble on social media and in their art, you will be able to send BOBA and ETH to
their Boba wallet. The system is powered by Turing, which does all
- the heavy lifting in the background.
-
-
-
- Developer Twitter/Turing test token fountain
-
-
-
- To receive testnet BOBA and ETH for developing on Boba rinkeby, tweet your Boba Bubble and
- paste the tweet link here. You can get the link on Twitter by tapping the share icon, then tapping
- "Share Tweet via", and finally selecting "Copy link to Tweet".
- Your link should look something like this: https://twitter.com/name/status/1234567
+ the heavy lifting in the background. The new Twitter/Turing based fountain has been lauched and is availible
+ to developers on Rinkeby.
- this.setState({
- ...this.state,
- tweetUrl: e?.target?.value.split('?')[0] //remove the superfluous stuff after the "?"
- })
- }
- />
-
-
- {this.state.faucetErrorMsg ? {this.state.faucetErrorMsg} : null}
-
diff --git a/packages/boba/gateway/src/containers/wallet/token/Token.js b/packages/boba/gateway/src/containers/wallet/token/Token.js
index c98fd24c3f..f214f45622 100644
--- a/packages/boba/gateway/src/containers/wallet/token/Token.js
+++ b/packages/boba/gateway/src/containers/wallet/token/Token.js
@@ -15,6 +15,8 @@ import { openAlert, openError } from 'actions/uiAction'
import * as S from './Token.styles'
import * as G from '../../Global.styles'
+import twitter from 'images/twitter.png'
+
import { Box, Typography, CircularProgress, Input } from '@mui/material'
import { tokenTableHeads } from './token.tableHeads'
@@ -58,15 +60,16 @@ function TokenPage() {
const unorderedTransactions = useSelector(selectTransactions, isEqual)
const orderedTransactions = orderBy(unorderedTransactions, i => i.timeStamp, 'desc')
-//BOBAB5DAD3D10
-
let bobaTag = ''
if(walletAddress)
bobaTag = Md5.hashStr(walletAddress.toLowerCase().substring(2))
let BT = ''
- if (bobaTag)
+ let tweet = ''
+ if (bobaTag) {
BT = "BOBA" + bobaTag.substring(0, 9).toUpperCase()
+ tweet = "https://twitter.com/intent/tweet?text=I%27m%20developing%20on%20Boba%20Network%20" + BT
+ }
const pendingL1 = orderedTransactions.filter((i) => {
if (i.chain === 'L1pending' && //use the custom API watcher for fast data on pending L1->L2 TXs
@@ -223,7 +226,8 @@ function TokenPage() {
{layer === 'L2' && network === 'rinkeby' &&
-
+
+
Developer Twitter/Turing test token fountain - your Boba Bubble:{" "}
{BT}
@@ -231,17 +235,41 @@ function TokenPage() {
- Welcome to Boba! This is a special fountain for developers with empty wallets.
- To receive testnet BOBA and ETH, tweet your Boba Bubble and
- paste the tweet link in the field below.
- You can get the link on Twitter by tapping the share icon, then tapping
- "Share Tweet via", and finally selecting "Copy link to Tweet".
- Your link should look something like this: https://twitter.com/name/status/1234567
+ Welcome developers.
+ For testnet BOBA and ETH, tweet your Boba Bubble and
+ then paste the tweet link in the field below.
+
+
+ Tweet Now
+
+
+
+ For the Tweet link, tap the share icon, tap "Share Tweet via", and finally select "Copy link to Tweet".
setTweetUrl(e?.target?.value.split('?')[0])} //remove the superfluous stuff after the "?"
/>
@@ -249,13 +277,13 @@ function TokenPage() {
You are limited to one fountain call per twitter account per day.
The transaction will not show in your history since it's a MetaTransaction (the gas is covered by Boba).
If you already have some ETH in your wallet to cover gas you can use our
- alternative faucet
- .
+ .