diff --git a/src/App.tsx b/src/App.tsx
index 3a7339c..353289d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -354,7 +354,7 @@ function App() {
show: showInfo,
message: messageInfo,
} = useModal();
-
+
const {
onCancel: onCancelQortalRequest,
onOk: onOkQortalRequest,
@@ -383,6 +383,9 @@ function App() {
const [isOpenSendQortSuccess, setIsOpenSendQortSuccess] = useState(false);
const [rootHeight, setRootHeight] = useState("100%");
const [isSettingsOpen, setIsSettingsOpen] = useState(false);
+ const [showSeed, setShowSeed] = useState(false)
+ const [creationStep, setCreationStep] = useState(1)
+
const qortalRequestCheckbox1Ref = useRef(null);
useRetrieveDataLocalStorage();
useQortalGetSaveSettings(userInfo?.name);
@@ -998,6 +1001,8 @@ function App() {
setCountdown(null);
setWalletToBeDownloaded(null);
setWalletToBeDownloadedPassword("");
+ setShowSeed(false)
+ setCreationStep(1)
setExtstate("authenticated");
setIsOpenSendQort(false);
setIsOpenSendQortSuccess(false);
@@ -1023,6 +1028,9 @@ function App() {
setCountdown(null);
setWalletToBeDownloaded(null);
setWalletToBeDownloadedPassword("");
+ setShowSeed(false)
+ setCreationStep(1)
+
setWalletToBeDownloadedPasswordConfirm("");
setWalletToBeDownloadedError("");
setSendqortState(null);
@@ -2397,6 +2405,7 @@ function App() {
value={walletToBeDownloadedPassword}
onChange={(e) =>
setWalletToBeDownloadedPassword(e.target.value)
+
}
/>
@@ -2442,7 +2451,15 @@ function App() {
cursor: "pointer",
}}
onClick={() => {
+ if(creationStep === 2){
+ setCreationStep(1)
+ return
+ }
setExtstate("not-authenticated");
+ setShowSeed(false)
+ setCreationStep(1)
+ setWalletToBeDownloadedPasswordConfirm('')
+ setWalletToBeDownloadedPassword('')
}}
src={Return}
/>
@@ -2474,33 +2491,110 @@ function App() {
justifyContent: 'center',
padding: '10px'
}}>
-
Your seedphrase
- Only shown once! Please copy and keep safe!
+ }}>
+ A ‘ {
+ setShowSeed(true)
+ }} style={{
+ fontSize: '14px',
+ color: 'steelblue',
+ cursor: 'pointer'
+ }}>SEEDPHRASE ’ has been randomly generated in the background.
-
+
+ If you wish to VIEW THE SEEDPHRASE, click the word 'SEEDPHRASE' in this text. Seedphrases are used to generate the private key for your Qortal account. For security by default, seedphrases are NOT displayed unless specifically chosen.
+
+
+ Create your Qortal account by clicking NEXT below.
+
+
+
+ {
+ setCreationStep(2)
+ }}>
+ Next
+
+
+
+
+
+
+
+
+
Wallet Password
@@ -2530,6 +2624,7 @@ function App() {
Create Account
+
{walletToBeDownloadedError}
>
)}
diff --git a/src/components/Apps/AppsCategoryDesktop.tsx b/src/components/Apps/AppsCategoryDesktop.tsx
index 4c4e334..ab4fef1 100644
--- a/src/components/Apps/AppsCategoryDesktop.tsx
+++ b/src/components/Apps/AppsCategoryDesktop.tsx
@@ -109,8 +109,13 @@ export const AppsCategoryDesktop = ({
useEffect(() => {
const handler = setTimeout(() => {
setDebouncedValue(searchValue);
+
}, 350);
-
+ setTimeout(() => {
+ virtuosoRef.current.scrollToIndex({
+ index: 0
+ });
+ }, 500);
// Cleanup timeout if searchValue changes before the timeout completes
return () => {
clearTimeout(handler);
@@ -122,7 +127,7 @@ export const AppsCategoryDesktop = ({
const searchedList = useMemo(() => {
if (!debouncedValue) return categoryList;
return categoryList.filter((app) =>
- app.name.toLowerCase().includes(debouncedValue.toLowerCase())
+ app.name.toLowerCase().includes(debouncedValue.toLowerCase()) || (app?.metadata?.title && app?.metadata?.title?.toLowerCase().includes(debouncedValue.toLowerCase()))
);
}, [debouncedValue, categoryList]);
diff --git a/src/components/Apps/AppsLibraryDesktop.tsx b/src/components/Apps/AppsLibraryDesktop.tsx
index aae46a5..08bf50b 100644
--- a/src/components/Apps/AppsLibraryDesktop.tsx
+++ b/src/components/Apps/AppsLibraryDesktop.tsx
@@ -122,7 +122,11 @@ export const AppsLibraryDesktop = ({
const handler = setTimeout(() => {
setDebouncedValue(searchValue);
}, 350);
-
+ setTimeout(() => {
+ virtuosoRef.current.scrollToIndex({
+ index: 0
+ });
+ }, 500);
// Cleanup timeout if searchValue changes before the timeout completes
return () => {
clearTimeout(handler);
@@ -134,7 +138,7 @@ export const AppsLibraryDesktop = ({
const searchedList = useMemo(() => {
if (!debouncedValue) return [];
return availableQapps.filter((app) =>
- app.name.toLowerCase().includes(debouncedValue.toLowerCase())
+ app.name.toLowerCase().includes(debouncedValue.toLowerCase()) || (app?.metadata?.title && app?.metadata?.title?.toLowerCase().includes(debouncedValue.toLowerCase()))
);
}, [debouncedValue]);