Rename 'Analyze' to 'Validate'

ui/src/flux/components/TimeMachine.tsx

@@ -25,7 +25,7 @@ interface Props {
   onSubmitScript: OnSubmitScript
   onAppendFrom: () => void
   onAppendJoin: () => void
-  onAnalyze: () => void
+  onValidate: () => void
 }
 
 interface Body extends FlatBody {
@@ -87,7 +87,7 @@ class TimeMachine extends PureComponent<Props> {
       script,
       status,
       service,
-      onAnalyze,
+      onValidate,
       suggestions,
       onChangeScript,
       onSubmitScript,
@@ -100,11 +100,11 @@ class TimeMachine extends PureComponent<Props> {
         headerOrientation: HANDLE_VERTICAL,
         headerButtons: [
           <div
-            key="analyze"
-            className="btn btn-default btn-xs analyze--button"
-            onClick={onAnalyze}
+            key="validate"
+            className="btn btn-default btn-xs validate--button"
+            onClick={onValidate}
           >
-            Analyze
+            Validate
           </div>,
         ],
         menuOptions: [],

ui/src/flux/containers/FluxPage.tsx

@@ -7,7 +7,7 @@ import {ErrorHandling} from 'src/shared/decorators/errors'
 import KeyboardShortcuts from 'src/shared/components/KeyboardShortcuts'
 
 import {
-  analyzeSuccess,
+  validateSuccess,
   fluxTimeSeriesError,
   fluxResponseTruncatedError,
 } from 'src/shared/copy/notifications'
@@ -109,7 +109,7 @@ export class FluxPage extends PureComponent<Props, State> {
               status={status}
               service={this.service}
               suggestions={suggestions}
-              onAnalyze={this.handleAnalyze}
+              onValidate={this.handleValidate}
               onAppendFrom={this.handleAppendFrom}
               onAppendJoin={this.handleAppendJoin}
               onChangeScript={this.handleChangeScript}
@@ -581,14 +581,14 @@ export class FluxPage extends PureComponent<Props, State> {
     }, '')
   }
 
-  private handleAnalyze = async () => {
+  private handleValidate = async () => {
     const {links, notify, script} = this.props
 
     try {
       const ast = await getAST({url: links.ast, body: script})
       const body = bodyNodes(ast, this.state.suggestions)
       const status = {type: 'success', text: ''}
-      notify(analyzeSuccess)
+      notify(validateSuccess())
 
       this.setState({ast, body, status})
     } catch (error) {

ui/src/shared/copy/notifications.ts

@@ -660,10 +660,10 @@ export const notifyKapacitorNotFound = () => ({
 })
 
 // Flux notifications
-export const analyzeSuccess = {
+export const validateSuccess = () => ({
   ...defaultSuccessNotification,
   message: 'No errors found. Happy Happy Joy Joy!',
-}
+})
 
 export const notifyCopyToClipboardSuccess = text => ({
   ...defaultSuccessNotification,

ui/src/style/components/threesizer.scss

@@ -157,13 +157,17 @@ $threesizer-shadow-stop: fade-out($g0-obsidian, 1);
   letter-spacing: 0.05em;
   color: $g11-sidewalk;
   padding-left: 4px;
-  padding-right: 6px;
+  padding-right: 2px;
 }
 
 .threesizer--header-controls {
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
+
+  > * {
+    margin-left: 4px;
+  }
 }
 
 .threesizer--body {
@@ -185,10 +189,6 @@ $threesizer-shadow-stop: fade-out($g0-obsidian, 1);
   margin-top: 10px;
 }
 
-.analyze--button {
-  margin-right: 3px
-}
-
 .dash-graph-context--button {
   width: 24px;
   height: 24px;

ui/test/flux/components/TimeMachine.test.tsx

@@ -12,7 +12,7 @@ const setup = () => {
     suggestions: [],
     onSubmitScript: () => {},
     onChangeScript: () => {},
-    onAnalyze: () => {},
+    onValidate: () => {},
     onAppendFrom: () => {},
     onAppendJoin: () => {},
     status: {type: '', text: ''},