@@ -331,7 +331,11 @@
Verify your DeSo seed phrase
class="section--seed__container margin-bottom--medium"
*ngIf="entropyService.temporaryEntropy.extraText.length > 0"
>
- Enter your passphrase:
+
+ Enter your passphrase:
+
): number {
return candidate;
}
- // At most we look back 500 numbers. This is a bit arbitrary... but the
- // number of values could *technically* be 2^32 - 1, so we just limit the
+ // If we get here, it means a user must have manually entered the maximum
+ // allowed account number into the recover account field, and subsequently
+ // tried to add a new account. We'll get an error if we try to use the next
+ // incremented value (which is too big). We cannot use a static default
+ // fallback value because it could conflict with an account number we already
+ // have stored in local storage, so we look back for the first gap in the
+ // numbers. At most we look back 500 numbers. This is a bit arbitrary... but
+ // the number of values could *technically* be 2^32 - 1, so we just limit the
// number of iterations to some reasonable value. The reason we look back for
- // the highest available number instead of picking the lowest number is that
- // the lowest number is more likely to have been used in the past and we're
- // aiming to get a fresh wallet.
+ // the highest available number instead of picking the lowest available number
+ // is that the lowest number is more likely to have been used in the past and
+ // we're aiming to get a fresh/unused set of keys.
const maxLookBack = Math.max(sorted.length - 500, 0);
let nextExpectedValueInSequence = currentHighestAccountNumber - 1;
for (let i = sorted.length - 2; i >= maxLookBack; i--) {
diff --git a/src/styles.scss b/src/styles.scss
index 4082bdab..cd4eadb1 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -164,6 +164,7 @@ $colors: (
// SPACING UNITS
//-------------------------------
$spacing-units: (
+ 'auto': auto,
'none': 0,
'xsmall': 4px,
'small': 8px,
@@ -470,7 +471,7 @@ a,
@include color('blue', 'base', 'background-color');
@include color('neutral', 'white', 'color');
&:hover {
- @include color('blue', 'darker', 'background-color');
+ @include color('blue', 'dark', 'background-color');
}
}
.button--primary--outline {
@@ -480,6 +481,7 @@ a,
@include color('neutral', 'transparent', 'background-color');
@include color('text', 'lighter', 'color');
&:hover {
+ @include color('neutral', 'white', 'color');
@include color('blue', 'darker', 'background-color');
}
}
@@ -617,6 +619,17 @@ a,
flex-direction: row-reverse;
}
}
+
+//-------------------------------
+// POSITION
+//-------------------------------
+.relative {
+ position: relative;
+}
+.absolute {
+ position: absolute;
+}
+
//-------------------------------
// LAYOUT
//-------------------------------
@@ -790,6 +803,7 @@ a,
max-height: 245px;
overflow: scroll;
border: 1px solid;
+ scroll-behavior: smooth;
@include spacing('padding', 'medium');
@include spacing('padding-top', 'small');
@include color('blue', 'dark', 'border-color');
@@ -806,7 +820,6 @@ a,
@include spacing('padding-right', 'medium');
@include spacing('padding-top', 'small');
@include spacing('padding-bottom', 'small');
- @include spacing('margin-top', 'small');
@include color('text', 'lighter', 'color');
@include color('blue', 'darker', 'background-color');
@include color('blue', 'dark', 'border-color');
@@ -817,6 +830,11 @@ a,
@include color('blue', 'light', 'border-color');
cursor: pointer;
}
+
+ &--just-added {
+ @include color('blue', 'light', 'border-color');
+ @include color('blue', 'dark', 'background-color');
+ }
}
//-------------------------------
// SECTION = Create Seed Phrase
@@ -1162,3 +1180,47 @@ a,
background-color: rgba(0, 0, 0, 0.8) !important;
}
}
+
+.styleless-button {
+ border: none;
+ background: none;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+}
+
+//-------------------------
+// Material Dialog
+//-------------------------
+.cdk-overlay-dark-backdrop {
+ background-color: rgba(0, 0, 0, 0.8) !important;
+}
+.dialog {
+ background-color: lighten(#040609, 10%);
+ border: 1px solid darkgray;
+ border-radius: 4px;
+ padding: 8px;
+}
+.dialog__header {
+ position: relative;
+ @include color('neutral', 'white', 'color');
+}
+.dialog__x {
+ border: none;
+ background: none;
+ position: absolute;
+ top: 0;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ @include color('neutral', 'white', 'color');
+}
+.dialog__title {
+ @include font-size('large');
+ @include color('neutral', 'white', 'color');
+ @include font-weight('bold');
+}
+.dialog__body {
+ padding: 12px 0;
+}
diff --git a/src/types/identity.ts b/src/types/identity.ts
index 06f71ba0..d39cd0a5 100644
--- a/src/types/identity.ts
+++ b/src/types/identity.ts
@@ -28,6 +28,13 @@ export interface PrivateUserInfo extends AccountMetadata {
*/
subAccounts?: SubAccountMetadata[];
+ /**
+ * Determines whether we display the "Back up your seed" button in the UI. We
+ * show it by default for all users, but we hide it for users who have
+ * explicitly disabled it.
+ */
+ exportDisabled?: boolean;
+
/** DEPRECATED in favor of loginMethod */
google?: boolean;
}