Add v2 deprecation banner. (#92)

* Add v2 deprecation banner.

* Update actions/cache to v4 since v2 is deprecated.

Author: torreyatcitty

.github/workflows/build-workflow.yml

@@ -19,7 +19,7 @@ jobs:
           node-version: '16'
 
       - name: Cache Node Modules
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         env:
           cache-name: cache-node-modules
         with:
@@ -32,7 +32,7 @@ jobs:
             ${{ runner.os }}-
 
       - name: Cache Elm Stuff
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         env:
           cache-name: cache-elm-stuff
         with:

package.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "scripts": {
     "build": "node --unhandled-rejections=strict --max-old-space-size=8192 scripts/build.js",
-    "start": "node --unhandled-rejections=strict scripts/start.js dapp",
+    "start": "node --openssl-legacy-provider --unhandled-rejections=strict scripts/start.js dapp",
     "package": "elm-package",
     "make": "elm-make",
     "repl": "elm-repl",

src/elm/DappInterface/OverviewHeader.elm

@@ -130,41 +130,21 @@ view maybeConfig maybeEtherUsdPrice ({ borrowingContainerState, preferences } as
                 , div [ class "headline headline--loading" ] []
                 )
 
-        migratorAlertBanner =
-            cTokens
-                |> List.filter (\ctoken -> ctoken.underlying.symbol == "USDC")
-                |> List.head
-                |> Maybe.andThen
-                    (\cUSDC -> Balances.getUnderlyingBalances mainModel.compoundState cUSDC.contractAddress)
-                |> Maybe.andThen
-                    (\balances ->
-                        let
-                            alertView =
-                                div [ class "container-large" ]
-                                    [ div [ class "migrator-alert" ]
-                                        [ div [ class "migrator-alert__badge" ] [ text "NEW" ]
-                                        , label [ class "migrator-alert__title" ] [ text "Migrate your V2 balances!" ]
-                                        , label [ class "migrator-alert__description" ]
-                                            [ text "Transfer multiple balances to Compound V3 in a single transaction using our new "
-                                            , a (href External "https://app.compound.finance/extensions/comet_migrator") [ text "migrator tool" ]
-                                            , text "."
-                                            ]
-                                        , div [ class "close-x" ]
-                                            [ button [ onClickStopPropagation (ForPreferences (Preferences.SetShowMigratorAlert False)) ] []
-                                            ]
-                                        ]
-                                    ]
-                        in
-                        if Decimal.gt balances.underlyingBorrowBalance Decimal.zero && preferences.showMigratorAlert then
-                            Just alertView
-
-                        else
-                            Nothing
-                    )
-                |> Maybe.withDefault (text "")
+        alertView =
+            div [ class "container-large" ]
+                [ div [ class "migrator-alert" ]
+                    [ label [ class "migrator-alert__title" ]
+                        [ text "V2 Deprecation has begun. Please begin migrating positions to V3 for continued support. Learn more in this "
+                        , a (href External "https://www.comp.xyz/t/gauntlet-compound-v2-deprecation-proposal/7237") [ text "forum post" ]
+                        , text ".  Get started with "
+                        ,  a (href External "https://app.compound.finance/") [ text "V3 here" ]
+                        , text "."
+                        ]
+                    ]
+                ]
     in
     section [ id "borrow-overview", class "hero" ]
-        [ migratorAlertBanner
+        [ alertView
         , div [ class "balance-totals" ]
             [ div [ class "content" ]
                 [ div [ class "row align-middle mobile-hide" ]

src/scss/main.scss

@@ -239,6 +239,7 @@ body {
     display: flex;
     margin-bottom: 3.25rem;
     padding: 0.825rem 0.75rem;
+    justify-content: center;
 
     &__badge {
       background-color: #073e2e;
@@ -256,9 +257,19 @@ body {
       color: $color_light_1;
       font-style: normal;
       font-weight: 500;
-      font-size: 11px;
+      font-size: 13px;
       line-height: 16px;
       margin-right: 0.5rem;
+
+      a {
+        font-style: normal;
+        font-weight: 400;
+        font-size: 13px;
+        line-height: 16px;
+        letter-spacing: inherit;
+        text-transform: none;
+        text-decoration: underline;
+      }
     }
 
     &__description {