fix: remove Made with Kui for now, replace with CodeFlareWidget

Author: starpit

plugins/plugin-client-default/src/CodeFlareWidget.tsx

@@ -0,0 +1,65 @@
+/*
+ * Copyright 2020 The Kubernetes Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react"
+import { Icons, TextWithIconWidget } from "@kui-shell/plugin-client-common"
+
+import { homepage, version } from "@kui-shell/client/package.json"
+import { productName } from "@kui-shell/client/config.d/name.json"
+
+export default class CodeFlareWidget extends React.PureComponent {
+  private readonly popover = {
+    bodyContent: CodeFlareWidget.popoverBody(),
+    headerContent: CodeFlareWidget.popoverHeader(),
+  }
+
+  private static popoverBody() {
+    return (
+      <div className="not-very-wide pre-wrap">
+        With CodeFlare, the time it takes to train an AI system can drop from weeks to a single day in a hybrid cloud
+        environment.
+      </div>
+    )
+  }
+
+  private static popoverHeader() {
+    return (
+      <React.Fragment>
+        <div>{productName}</div>
+        <div>
+          <strong>Making ML Awesome</strong>
+        </div>
+        <div className="sub-text even-smaller-text">
+          <a href={homepage}>
+            <Icons icon="Github" className="somewhat-larger-text small-right-pad" />
+            Visit us on Github
+          </a>
+        </div>
+      </React.Fragment>
+    )
+  }
+
+  public render() {
+    return (
+      <TextWithIconWidget
+        text={`${productName} v${version}`}
+        viewLevel="normal"
+        popover={this.popover}
+        position="top-start"
+      />
+    )
+  }
+}

plugins/plugin-client-default/src/index.tsx

@@ -17,22 +17,15 @@
 import React from "react"
 
 import { Capabilities } from "@kui-shell/core"
-import {
-  Kui,
-  KuiProps,
-  ContextWidgets,
-  GitHubIcon,
-  MadeWithKui,
-  MeterWidgets,
-  SpaceFiller,
-  TextWithIconWidget,
-} from "@kui-shell/plugin-client-common"
+import { Kui, KuiProps, ContextWidgets, GitHubIcon, MeterWidgets, SpaceFiller } from "@kui-shell/plugin-client-common"
 
 // import { CurrentContext, CurrentNamespace } from "@kui-shell/plugin-kubectl/components"
 import { Search } from "@kui-shell/plugin-electron-components"
 
 import { version } from "@kui-shell/client/package.json"
-import { productName, productTitle } from "@kui-shell/client/config.d/name.json"
+import { productTitle } from "@kui-shell/client/config.d/name.json"
+
+import CodeFlareWidget from "./CodeFlareWidget"
 
 /**
  * We will set this bit when the user dismisses the Welcome to Kui
@@ -67,16 +60,14 @@ export default function renderMain(props: KuiProps) {
       toplevel={!Capabilities.inBrowser() && <Search />}
     >
       <ContextWidgets>
-        <TextWithIconWidget text={`${productName} v${version}`} viewLevel="normal" />
         <GitHubIcon />
+        <CodeFlareWidget />
         {/* <CurrentContext />
        <CurrentNamespace /> */}
       </ContextWidgets>
 
       <SpaceFiller />
-      <MeterWidgets>
-        <MadeWithKui />
-      </MeterWidgets>
+      <MeterWidgets></MeterWidgets>
     </Kui>
   )
 }