ui: demo of UI CCL component

pkg/ui/ccl/src/views/shared/components/licenseType/index.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+
+/**
+ * LicenseType is an indicator showing the current build license.
+ */
+export default class LicenseType extends React.Component<{}, {}> {
+  render() {
+    return (
+      <div>
+        <h1>CCL</h1>
+      </div>
+    );
+  }
+}

pkg/ui/src/views/app/containers/layout/index.tsx

@@ -7,6 +7,7 @@ import { TitledComponent } from "src/interfaces/layout";
 import NavigationBar from "src/views/app/components/layoutSidebar";
 import TimeWindowManager from "src/views/app/containers/timewindow";
 import AlertBanner from "src/views/app/containers/alertBanner";
+import LicenseType from "src/views/shared/components/licenseType";
 
 function isTitledComponent(obj: Object | TitledComponent): obj is TitledComponent {
   return obj && _.isFunction((obj as TitledComponent).title);
@@ -39,6 +40,7 @@ export default class extends React.Component<RouterState, {}> {
       <AlertBanner/>
       <NavigationBar/>
       <StickyContainer className="page">
+        <LicenseType />
         {
           // TODO(mrtracy): The title can be moved down to individual pages,
           // it is not always the top element on the page (for example, on

pkg/ui/src/views/shared/components/licenseType/index.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+
+/**
+ * LicenseType is an indicator showing the current build license.
+ */
+export default class LicenseType extends React.Component<{}, {}> {
+  render() {
+    return (
+      <div>
+        <h1>OSS</h1>
+      </div>
+    );
+  }
+}