Merge pull request #3030 from input-output-hk/fix/ddw-1130-blank-screen-when-opening-itn-rewards

[DDW-1130] Fix blank screen when opening ITN rewards

Author: danielmain

CHANGELOG.md

@@ -8,6 +8,7 @@
 
 ### Fixes
 
+- Fixed blank screen when opening ITN rewards ([PR 3030](https://github.com/input-output-hk/daedalus/pull/3030))
 - Ensured non-recommended decimal place setting alert is correctly shown ([PR 3007](https://github.com/input-output-hk/daedalus/pull/3007))
 - Disabled the possibility to choose a syncing wallet for ITN rewards and delegation ([PR 3015](https://github.com/input-output-hk/daedalus/pull/3015))
 

source/renderer/app/components/staking/redeem-itn-rewards/Step1ConfigurationDialog.tsx

@@ -358,7 +358,7 @@ class Step1ConfigurationDialog extends Component<Props, State> {
           <div className={styles.recoveryPhrase}>
             <MnemonicInput
               {...mnemonicInputProps}
-              label={intl.formatMessage(messages.recoveryPhraseInputLabel)}
+              label={intl.formatMessage(messages.recoveryPhraseInputHint)}
               availableWords={suggestedMnemonics}
               wordCount={ITN_WALLET_RECOVERY_PHRASE_WORD_COUNT}
               error={recoveryPhraseField.error}

source/renderer/app/components/widgets/DialogFullSizeOverride.scss

@@ -22,7 +22,8 @@
     .SimpleInput_input:not(.SimpleInput_disabled),
     .SimpleInput_input:focus:not(.SimpleInput_disabled),
     .SimpleInput_input:hover:not(.SimpleInput_disabled),
-    .SimpleLink_root {
+    .SimpleLink_root,
+    .MnemonicInput_content {
       background-color: transparent !important;
     }
 
@@ -94,7 +95,10 @@
     .SimpleInput_input,
     .SimpleInput_input::placeholder,
     .SimpleInput_input:focus,
-    .SimpleInput_input:hover {
+    .SimpleInput_input:hover,
+    .MnemonicInput_headerSlot,
+    .MnemonicAutocompleteLayout_inputLabel,
+    .MnemonicAutocompleteLayout_root {
       color: var(--theme-dialog-fullsize-text-color);
     }
 
@@ -112,7 +116,8 @@
       .SimpleInput_input:not(.SimpleInput_disabled),
     .SimpleInput_input:focus:not(.SimpleInput_errored),
     .SimpleInput_input:hover:not(.SimpleInput_errored),
-    .SimpleOptions_option:after {
+    .SimpleOptions_option:after,
+    .MnemonicAutocompleteLayout_input {
       background-color: transparent !important;
       border-color: var(--theme-dialog-fullsize-text-color) !important;
     }