chore(ux): enhance settings alert guidance

AXeL-dev · Oct 9, 2022 · 5c36437 · 5c36437
1 parent 2efda49
commit 5c36437
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/ui/components/pages/Settings/Alerts.tsx b/src/ui/components/pages/Settings/Alerts.tsx
@@ -30,7 +30,21 @@ export default function Alerts(props: AlertsProps) {
         closable
         syncOpen
       >
-        In order to use this app you need a Youtube API key!
+        In order to use this app you need a
+        {
+          <>
+            {' '}
+            <Link
+              href="https://github.com/AXeL-dev/youtube-viewer/wiki/How-to-Create-a-YouTube-API-Key"
+              target="_blank"
+              color="secondary"
+              rel="noopener"
+            >
+              Youtube API key
+            </Link>
+            .
+          </>
+        }
         {defaultApiKey ? (
           <>
             {' '}