feat: add ampl faq message (#208)

src/components/AMPLWarning/index.tsx

@@ -21,7 +21,7 @@ export default function AMPLWarning({ withInfoPanel }: AMPLWarningProps) {
     <p className={classNames('AMPLWarning', { AMPLWarning__text: !withInfoPanel })}>
       {intl.formatMessage(messages.amplWarning, {
         asset: <b>Ampleforth</b>,
-        link: (
+        link1: (
           <Link
             to="https://docs.aave.com/developers/guides/ampl-asset-listing"
             absolute={true}
@@ -31,6 +31,16 @@ export default function AMPLWarning({ withInfoPanel }: AMPLWarningProps) {
             {intl.formatMessage(messages.documentation)}
           </Link>
         ),
+        link2: (
+          <Link
+            to="https://faq.ampleforth.org/lending_and_borrowing"
+            absolute={true}
+            inNewWindow={true}
+            color="secondary"
+          >
+            {intl.formatMessage(messages.amplFaq)}
+          </Link>
+        ),
       })}
 
       <style jsx={true}>{staticStyles}</style>

src/components/AMPLWarning/messages.ts

@@ -1,6 +1,8 @@
 import { defineMessages } from 'react-intl';
 
 export default defineMessages({
-  amplWarning: '{asset} is an asset affected by rebasing. Visit the {link} to learn more.',
+  amplWarning:
+    '{asset} is an asset affected by rebasing. Visit the {link1} or {link2} to learn more.',
   documentation: 'documentation',
+  amplFaq: "Ampleforth's FAQ",
 });