From b43e63f84133ce8cb59c781ac62a7c2732ca12eb Mon Sep 17 00:00:00 2001
From: fiatjaf <fiatjaf@gmail.com>
Date: Sun, 18 Dec 2022 06:46:13 -0300
Subject: [PATCH] button to generate key.

fixes https://github.com/fiatjaf/nos2x/issues/11
---
 extension/options.jsx | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/extension/options.jsx b/extension/options.jsx
index 94afa40..22c1902 100644
--- a/extension/options.jsx
+++ b/extension/options.jsx
@@ -2,6 +2,7 @@ import browser from 'webextension-polyfill'
 import React, {useState, useCallback, useEffect} from 'react'
 import {render} from 'react-dom'
 import {normalizeRelayURL} from 'nostr-tools/relay'
+import {generatePrivateKey} from 'nostr-tools/keys'
 
 import {getPermissionsString, readPermissions} from './common'
 
@@ -98,11 +99,14 @@ function Options() {
         <label>
           <div>private key:&nbsp;</div>
           <div style={{marginLeft: '10px'}}>
-            <input
-              style={{width: '500px'}}
-              value={key}
-              onChange={handleKeyChange}
-            />
+            <div style={{display: 'flex'}}>
+              <input
+                style={{width: '500px'}}
+                value={key}
+                onChange={handleKeyChange}
+              />
+              {key === '' && <button onClick={generate}>generate</button>}
+            </div>
             <button
               disabled={!(key.match(/^[a-f0-9]{64}$/) || key === '')}
               onClick={saveKey}
@@ -152,6 +156,10 @@ function Options() {
     setKey(key)
   }
 
+  async function generate(e) {
+    setKey(generatePrivateKey())
+  }
+
   async function saveKey() {
     await browser.storage.local.set({
       private_key: key