Frontend of usage statistics (#1177)

* #454 added usage stats disclaimer to setup confirmation

* #454 added new section to settings for usage stats

* #454 fixed vulnerability for hrefs

* removed jsx file

* #454 added logic to checkbox

* #454 created modal to preview usage stats; cleanup

* fixed tests and linting

frontend/components/forms/RegistrationForm/ConfirmationPage/ConfirmationPage.tsx

@@ -101,7 +101,11 @@ const ConfirmationPage = ({
 
         {importOsqueryConfig()}
       </div>
-
+      <p>
+        Fleet Device Management Inc. periodically collects anonymous information
+        about your instance. Sending usage statistics from your Fleet instance
+        is optional and can be disabled in settings.
+      </p>
       <Button
         type="submit"
         tabIndex={tabIndex}

frontend/components/forms/RegistrationForm/ConfirmationPage/_styles.scss

@@ -7,6 +7,13 @@
     text-align: center;
   }
 
+  &__wrapper {
+    & + p {
+      margin-top: 40px;
+      font-size: $x-small;
+    }
+  }
+
   &__icon {
     color: $ui-success;
     font-size: 120px;
@@ -52,6 +59,7 @@
       font-size: $small;
       font-weight: $regular;
     }
+
   }
 
   &__table-url {

frontend/components/forms/RegistrationForm/RegistrationForm.jsx

@@ -148,7 +148,7 @@ class RegistrationForm extends Component {
             />
           </div>
           <div className={confirmationContainerClass}>
-            <h2>You&apos;re all set.</h2>
+            <h2>Success</h2>
             <ConfirmationPage
               formData={formData}
               handleSubmit={onSubmitConfirmation}

frontend/components/forms/RegistrationForm/RegistrationForm.tests.jsx

@@ -29,6 +29,6 @@ describe("RegistrationForm - component", () => {
     const form = mount(<RegistrationForm page={4} />);
 
     expect(form.find("ConfirmationPage").length).toEqual(1);
-    expect(form.text()).toContain("You're all set");
+    expect(form.text()).toContain("Success");
   });
 });