Liq banner (#484)

* Hide kwenta message when aelin pool closes

* Add banner for liquidation setting changes

v2/ui/components/BannerManager/BannerManager.tsx

@@ -11,8 +11,11 @@ import useSynthetixQueries from '@synthetixio/queries';
 import { EXTERNAL_LINKS } from 'constants/links';
 import Connector from 'containers/Connector';
 import { isAnyElectionInNomination, isAnyElectionInVoting } from 'utils/governance';
+import useLocalStorage from '../../hooks/useLocalStorage';
 
-const kwentaTokenLive = true;
+const kwentaAelinPoolActive = new Date() < new Date('2022-11-15T00:00:00.000Z');
+
+const liqSettingDeadlineNotPassed = new Date() < new Date('2022-11-20T00:00:00.000Z');
 
 const BannerManager: FC = () => {
   const { subgraph, useGetLiquidationDataQuery, useGetDebtDataQuery, useGetElectionsPeriodStatus } =
@@ -22,7 +25,7 @@ const BannerManager: FC = () => {
 
   const electionIsInNomination = isAnyElectionInNomination(periodStatusQuery.data);
   const electionIsInVoting = isAnyElectionInVoting(periodStatusQuery.data);
-
+  const [showLiqSetting] = useLocalStorage(LOCAL_STORAGE_KEYS.LIQUIDATION_SETTING_CHANGES, false);
   const liquidationData = useGetLiquidationDataQuery(walletAddress);
   const debtData = useGetDebtDataQuery(walletAddress);
 
@@ -63,7 +66,22 @@ const BannerManager: FC = () => {
       />
     );
   }
-  if (kwentaTokenLive) {
+  if (liqSettingDeadlineNotPassed && showLiqSetting) {
+    return (
+      <Banner
+        type={BannerType.INFORMATION}
+        localStorageKey={LOCAL_STORAGE_KEYS.LIQUIDATION_SETTING_CHANGES}
+        message={
+          <Trans
+            i18nKey="user-menu.banner.liq-setting-changes"
+            components={[<StyledExternalLink href={EXTERNAL_LINKS.sips.sccp246} />]}
+          />
+        }
+      />
+    );
+  }
+  if (kwentaAelinPoolActive) {
+    // TODO remove nov 15
     return (
       <Banner
         type={BannerType.INFORMATION}
@@ -77,6 +95,7 @@ const BannerManager: FC = () => {
       />
     );
   }
+
   if (electionIsInVoting) {
     return (
       <Banner

v2/ui/constants/links.ts

@@ -54,4 +54,7 @@ export const EXTERNAL_LINKS = {
   multichain: {
     app: 'https://app.multichain.org/',
   },
+  sips: {
+    sccp246: 'https://sips.synthetix.io/sccp/sccp-246/',
+  },
 };

v2/ui/constants/storage.ts

@@ -6,4 +6,5 @@ export const LOCAL_STORAGE_KEYS = {
   WARNING_URL_BANNER_VISIBLE: 'isWarningUrlBannerVisible',
   RE_ELECTION_NEW_START_TIME: 'reElectionNewStartTimeVisible',
   STAKING_V2_ENABLED: 'STAKING_V2_ENABLED',
+  LIQUIDATION_SETTING_CHANGES: 'LIQUIDATION_SETTING_CHANGES',
 };

v2/ui/translations/en.json

@@ -1426,7 +1426,8 @@
       "thales-staking-info": "ATTENTION: As a SNX staker you are eligible for THALES weekly rewards. If you haven't already, <0>click here to learn more and claim</0>.",
       "election-in-nomination": "ATTENTION: Elections are now in nomination. Go to <0>https://governance.synthetix.io</0> to nominate.",
       "election-in-voting": "ATTENTION: The Synthetix Governing bodies need your vote! Go to <0>https://governance.synthetix.io</0> to vote.",
-      "kwenta-token": "KWENTA token is available for SNX stakers via a pool on Aelin. Learn more about how to participate <0>here</0>."
+      "kwenta-token": "KWENTA token is available for SNX stakers via a pool on Aelin. Learn more about how to participate <0>here</0>.",
+      "liq-setting-changes": "Liquidation penalties have been increased and flagging period shortened to 8 hours. Read more <0>here</0>."
     },
     "error": {
       "please-install-metamask": "Please install Metamask or manually add the Optimism network to your browser wallet."