View on GitHub
File Changes
    id: 'testnet.label.message',
    defaultMessage: '!!!WARNING: This is a {network} network. ADA has no monetary value here. For more information, check out the FAQ at {faqLink}',
  },
+
  shelleyTestnetLabel: {
+
    id: 'testnet.shelley.label.message',
+
    defaultMessage: 'YOU ARE ON TESTNET NETWORK ({network}).',
+
  },
});

                      
type Props = {|
  };

                      
  render() {
+
    if (environment.isMainnet()) {
+
      // banner will not shown in Mainnet
+
      return (null);
+
    }
+

                      
    const { intl } = this.context;

                      
    const faqLink = (
      </a>
    );

                      
-
    return (
-
      <div>
-
        {environment.isMainnet() ? null : (
-
          <div className={styles.testnetWarning}>
-
            <SvgInline key="0" svg={warningSvg} className={styles.warningIcon} />
+
    let children = null;
+
    if (environment.isShelley()) {
+
      children = (
+
        <div className={styles.shelleyTestnetWarning}>
+
          <SvgInline key="0" svg={warningSvg} className={styles.warningIcon} />
+
          <div className={styles.text}>
            <FormattedMessage
-
              {...messages.testnetLabel}
-
              values={{ faqLink, network: environment.NETWORK }}
+
              {...messages.shelleyTestnetLabel}
+
              values={{ network: environment.NETWORK }}
              key="1"
            />
-
          </div>)
-
        }
+
          </div>
+
        </div>
+
      );
+
    } else {
+
      children = (
+
        <div className={styles.testnetWarning}>
+
          <SvgInline key="0" svg={warningSvg} className={styles.warningIcon} />
+
          <FormattedMessage
+
            {...messages.testnetLabel}
+
            values={{ faqLink, network: environment.NETWORK }}
+
            key="1"
+
          />
+
        </div>
+
      );
+
    }
+

                      
+
    return (
+
      <div>
+
        {children}
      </div>
    );
  }
    text-transform: uppercase;
    @include underline(var(--cmn-color-white));
  }
+
}
+

                      
+
.shelleyTestnetWarning {
+
  height: 46px;
+
  display: flex;
+
  justify-content: center;
+
  align-items: center;
+
  background: var(--theme-banner-warning-background-color);
+
  .text {
+
    text-transform: uppercase;
+
    height: 20px;
+
    color: var(--cmn-color-white);
+
    font-size: 13px;
+
    font-weight: bold;
+
    font-family: var(--font-regular);
+
    letter-spacing: 1px;
+
    line-height: 20px;
+
  }
}
\ No newline at end of file
  "settings.support.reportProblem.link": "Support request",
  "settings.support.reportProblem.title": "Reporting a problem",
  "testnet.label.message": "WARNING: This is a {network} network. ADA has no monetary value here. For more information, check out the FAQ at {faqLink}",
+
  "testnet.shelley.label.message": "YOU ARE ON TESTNET NETWORK ({network}).",
  "transfer.form.errors.invalidRecoveryPhrase": "Invalid recovery phrase",
  "transfer.form.instructions.step1.text": "It will take about 1 minute to restore your balance. In the next step, you will be presented with a transaction that will move all of your funds. Please review the details of the transaction carefully. You will need to pay a standard transaction fee on the Cardano network to make the transaction.",
  "transfer.form.masterkey.input.hint": "Enter master key",
    '--theme-button-primary-background-color-disabled': 'rgba(49,84,203,0.35)',
    // Language Selection
    '--theme-select-language-color': '#3154CB',
+
    // Top banner
+
    '--theme-banner-warning-background-color': 'linear-gradient(41deg, #1A44B7 0%, #4760FF 100%)'
  };
}