add youtube video for applying license to project

Author: williamstein

src/packages/frontend/project/settings/site-license.tsx

@@ -8,7 +8,6 @@
 
 import { Button, Card, Popover } from "antd";
 import { FormattedMessage, useIntl } from "react-intl";
-
 import { alert_message } from "@cocalc/frontend/alerts";
 import {
   redux,
@@ -207,14 +206,24 @@ export function SiteLicense({
 
   function render_extra(): Rendered {
     return (
-      <Popover
-        content={LICENSE_INFORMATION}
-        trigger={["click"]}
-        placement="rightTop"
-        title="License information"
-      >
-        <Icon name="question-circle" />
-      </Popover>
+      <>
+        <Button
+          href="https://youtu.be/kQv26e27ksY"
+          target="_new"
+          style={{ marginRight: "15px" }}
+        >
+          <Icon name="youtube" style={{ color: "red" }} />
+          Tutorial
+        </Button>
+        <Popover
+          content={LICENSE_INFORMATION}
+          trigger={["click"]}
+          placement="rightTop"
+          title="License information"
+        >
+          <Icon name="question-circle" />
+        </Popover>
+      </>
     );
   }
 

src/packages/frontend/site-licenses/rules.tsx

@@ -44,7 +44,7 @@ export const LICENSE_ACTIVATION_RULES = (
 export const LICENSE_INFORMATION = (
   <div style={{ maxWidth: "450px" }}>
     <p>
-      A license is a set of upgrades that can be applied to a project. Check the{" "}
+      A license upgrades a project. Check the{" "}
       <A href={"https://doc.cocalc.com/licenses.html"}>
         site-license documentation
       </A>{" "}