45 lines
1000 B
JavaScript
45 lines
1000 B
JavaScript
import browser from 'webextension-polyfill'
|
|
import {render} from 'react-dom'
|
|
import {getPublicKey} from 'nostr-tools'
|
|
import React, {useState, useEffect} from 'react'
|
|
|
|
function Popup() {
|
|
let [key, setKey] = useState('')
|
|
|
|
useEffect(() => {
|
|
browser.storage.local.get('private_key').then(results => {
|
|
if (results.private_key) {
|
|
setKey(getPublicKey(results.private_key))
|
|
} else {
|
|
setKey(null)
|
|
}
|
|
})
|
|
}, [])
|
|
|
|
return (
|
|
<>
|
|
<h2>nos2x</h2>
|
|
{key === null ? (
|
|
<p style={{width: '150px'}}>
|
|
you don't have a private key set. use the options page to set one.
|
|
</p>
|
|
) : (
|
|
<>
|
|
<p>your public key:</p>
|
|
<pre
|
|
style={{
|
|
whiteSpace: 'pre-wrap',
|
|
wordBreak: 'break-all',
|
|
width: '100px'
|
|
}}
|
|
>
|
|
<code>{key}</code>
|
|
</pre>
|
|
</>
|
|
)}
|
|
</>
|
|
)
|
|
}
|
|
|
|
render(<Popup />, document.getElementById('main'))
|