-
-
-
-
- {getSetting(settings.SYNC_DEVICE_NAME, this.props.settings)}
-
-
+ return (
+
+
+
+ beta
+
+ {this.enabled ? this.devicesContent : null}
- {this.enabled ? this.devicesContent : null}
-
-
+ )
+ }
+
+ onClickSyncRemoveButton (e) {
+ // create a temporary state to host the device to be removed
+ this.setState({deviceIdToRemove: e.target.id})
+ this.setState({deviceNameToRemove: e.target.dataset.deviceName})
+ this.setState({isRemovingMainDevice: e.target.dataset.mainDevice})
+ // hide the current modal
+ this.props.showOverlay('syncRemove')
+ }
+
+ getDeviceName (device) {
+ if (device.get('mainDevice')) {
+ return `${device.get('name')} (${locale.translation('thisDevice')})`
+ }
+ return device.get('name')
}
get devicesTableRows () {
@@ -137,144 +201,106 @@ class SyncTab extends ImmutableComponent {
if (!devices) { return [] }
return devices.map((device, id) => [
{
- html: id,
- value: parseInt(id)
- },
- {
- html: device.get('name'),
+ html: this.getDeviceName(device),
value: device.get('name')
},
{
- html: new Date(device.get('lastRecordTimestamp')).toLocaleString(),
+ html: new Date(device.get('lastRecordTimestamp')).toLocaleDateString(),
value: device.get('lastRecordTimestamp')
+ },
+ {
+ html:
,
+ value: ''
}
])
}
get devicesContent () {
return
}
- get qrcodeContent () {
- if (!this.isSetup) {
- return null
+ copyPassphraseToClipboard () {
+ if (!this.passphraseDisplay) {
+ return
}
- return this.props.syncQRVisible
- ?
-
- })
-
- :
+ appActions.clipboardTextCopied(this.passphraseDisplay.value)
}
get passphraseContent () {
- if (!this.isSetup) {
- return null
- }
const seed = Buffer.from(this.props.syncData.get('seed').toJS())
- const passphrase = niceware.bytesToPassphrase(seed)
- const words = [
- passphrase.slice(0, 4).join(' '),
- passphrase.slice(4, 8).join(' '),
- passphrase.slice(8, 12).join(' '),
- passphrase.slice(12, 16).join(' ')
- ]
- return this.props.syncPassphraseVisible
- ?
- -
-
-
{words.join('\n')}
-
-
- :
- }
-
- get newOverlayContent () {
- return
-
- -
-
- {this.qrcodeContent}
-
- -
-
- {this.passphraseContent}
-
-
- }
+ let passphrase = seed && passphraseUtil.fromBytesOrHex(seed)
+ let wordCount = 0
- get newOverlayFooter () {
- return
+ if (passphrase) {
+ if (typeof passphrase === 'string') {
+ passphrase = passphrase.split(' ')
+ }
+ if (Array.isArray(passphrase)) {
+ wordCount = passphrase.length
+ }
+ }
+
+ return (
+
+