<commit_before>import React, { Component } from 'react';
import { getEtherscanLink } from './components';
import TransferStepsBar from './../common/TransferStepsBar';
import { HashRouter as Router, Route, Link, Switch, Redirect } from "react-router-dom";
import { parse, format, asYouType } from 'libphonenumber-js';
import { ShareButton } from './components';


const styles = {    
    titleContainer: {
	marginTop: 30,
	marginBottom: 12
    },
    subTitleContainer: {
	width: 320,
	margin: 'auto',
    },
    helpContainer: {
	marginTop: 27
    },
    stepsBar: {
	marginTop: 20
    },
    instructionsText: {
	lineHeight: '25px',
	color: '#000000',
	fontFamily: 'SF Display Bold',
	fontSize: 16,
	fontWeight: 700,
	marginBottom: 20,
	marginTop: 46
    }    
}


const DepositedScreen = ({transfer}) => {

    const etherscanLink = getEtherscanLink({txHash: transfer.txHash, networkId: transfer.networkId});    
    const formattedPhone = format(transfer.receiverPhone, 'International');
    
    
    return (
	<div>
	  <div style={styles.stepsBar}>
            <TransferStepsBar
	       status={transfer.status}
	       direction={transfer.direction}
	       isError={transfer.isError}/>
	  </div>
	  <div className="text-center">
	    <div style={styles.titleContainer}>
	      <div className="title">
		You've sent <span className="text-blue">{transfer.amount}</span>
		<span className="text-gray"> ETH</span><br/>
		to {formattedPhone}
	      </div>	      
	    </div>

	    <div style={styles.subTitleContainer}>
	      <div className="text">
		You can copy the link with the code below<br/>
		and share it with the receiver. You can cancel the<br/>
		transfer later in "Transfers"
	      </div>	      
	    </div>

	    <div style={styles.helpContainer}>
	      <div className="text">Transaction details on <a href={etherscanLink} className="link">Etherscan</a> 
	      </div>	      
	    </div>
	    <div style={styles.instructionsText}>Copy link and share with receiver</div>
	    <div style={styles.buttonContainer}>
	      <ShareButton transfer={transfer}/>
	    </div>
	    
	  </div>
	</div>
    );
}


export default DepositedScreen;<commit_msg>Wording change on Sent Screen<commit_after>import React, { Component } from 'react';
import { getEtherscanLink } from './components';
import TransferStepsBar from './../common/TransferStepsBar';
import { HashRouter as Router, Route, Link, Switch, Redirect } from "react-router-dom";
import { parse, format, asYouType } from 'libphonenumber-js';
import { ShareButton } from './components';


const styles = {    
    titleContainer: {
	marginTop: 30,
	marginBottom: 12
    },
    subTitleContainer: {
	width: 320,
	margin: 'auto',
    },
    helpContainer: {
	marginTop: 27
    },
    stepsBar: {
	marginTop: 20
    },
    instructionsText: {
	lineHeight: '25px',
	color: '#000000',
	fontFamily: 'SF Display Bold',
	fontSize: 16,
	fontWeight: 700,
	marginBottom: 20,
	marginTop: 46
    }    
}


const DepositedScreen = ({transfer}) => {

    const etherscanLink = getEtherscanLink({txHash: transfer.txHash, networkId: transfer.networkId});    
    const formattedPhone = format(transfer.receiverPhone, 'International');
    
    
    return (
	<div>
	  <div style={styles.stepsBar}>
            <TransferStepsBar
	       status={transfer.status}
	       direction={transfer.direction}
	       isError={transfer.isError}/>
	  </div>
	  <div className="text-center">
	    <div style={styles.titleContainer}>
	      <div className="title">
		You've sent <span className="text-blue">{transfer.amount}</span>
		<span className="text-gray"> ETH</span><br/>
		to {formattedPhone}
	      </div>	      
	    </div>

	    <div style={styles.subTitleContainer}>
	      <div className="text">
		Copy the link with the code below<br/>
		and share it with the receiver. You can cancel the<br/>
		transfer later in "Transfers"
	      </div>	      
	    </div>

	    <div style={styles.helpContainer}>
	      <div className="text">Transaction details on <a href={etherscanLink} className="link">Etherscan</a> 
	      </div>	      
	    </div>
	    <div style={styles.instructionsText}>Copy link and share with receiver</div>
	    <div style={styles.buttonContainer}>
	      <ShareButton transfer={transfer}/>
	    </div>
	    
	  </div>
	</div>
    );
}


export default DepositedScreen;
{'fraction_non_alphanumeric': 0.13659437009690817, 'fraction_numerical': 0.012921089063221043, 'mean_word_length': 3.1012298959318825, 'pattern_counts': {'":': 0, '<': 69, '<?xml version=': 0, '>': 71, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1778536', 'n_tokens_mistral': 1453, 'n_tokens_neox': 1312, 'n_words': 329}