refactor(ui): alerting details polish

ui/src/alerting/constants/index.ts

@@ -72,6 +72,8 @@ export const DEFAULT_DEADMAN_CHECK: Partial<DeadmanCheck> = {
   reportZero: DEFAULT_CHECK_REPORT_ZERO,
   level: DEFAULT_DEADMAN_LEVEL,
   statusMessageTemplate: DEFAULT_STATUS_MESSAGE,
+  timeSince: '90s',
+  staleTime: '10m',
 }
 
 export const CHECK_QUERY_FIXTURE: DashboardQuery = {

ui/src/buckets/components/BucketAddDataButton.scss

@@ -50,3 +50,7 @@
     color: $g13-mist;
   }
 }
+
+.system-bucket {
+  color: mix($c-honeydew, $g13-mist);
+}

ui/src/buckets/components/BucketCard.tsx

@@ -15,6 +15,9 @@ import BucketContextMenu from 'src/buckets/components/BucketContextMenu'
 import BucketAddDataButton from 'src/buckets/components/BucketAddDataButton'
 import {FeatureFlag} from 'src/shared/utils/featureFlag'
 
+// Constants
+import {isSystemBucket} from 'src/buckets/constants/index'
+
 // Types
 import {Bucket} from 'src/types'
 import {DataLoaderType} from 'src/types/dataLoaders'
@@ -40,7 +43,12 @@ class BucketRow extends PureComponent<Props & WithRouterProps> {
       <ResourceCard
         testID="bucket--card"
         contextMenu={
-          <BucketContextMenu bucket={bucket} onDeleteBucket={onDeleteBucket} />
+          !isSystemBucket(bucket) && (
+            <BucketContextMenu
+              bucket={bucket}
+              onDeleteBucket={onDeleteBucket}
+            />
+          )
         }
         name={
           <ResourceCard.Name
@@ -49,7 +57,12 @@ class BucketRow extends PureComponent<Props & WithRouterProps> {
             name={bucket.name}
           />
         }
-        metaData={[<>Retention: {bucket.ruleString}</>]}
+        metaData={[
+          isSystemBucket(bucket) && (
+            <span className="system-bucket">System Bucket</span>
+          ),
+          <>Retention: {bucket.ruleString}</>,
+        ]}
       >
         <FlexBox
           direction={FlexDirection.Row}
@@ -61,12 +74,14 @@ class BucketRow extends PureComponent<Props & WithRouterProps> {
             onAddLineProtocol={this.handleAddLineProtocol}
             onAddScraper={this.handleAddScraper}
           />
-          <Button
-            text="Rename"
-            testID="bucket-rename"
-            size={ComponentSize.ExtraSmall}
-            onClick={this.handleRenameBucket}
-          />
+          {!isSystemBucket(bucket) && (
+            <Button
+              text="Rename"
+              testID="bucket-rename"
+              size={ComponentSize.ExtraSmall}
+              onClick={this.handleRenameBucket}
+            />
+          )}
           <FeatureFlag name="deleteWithPredicate">
             <Button
               text="Delete Data By Filter"

ui/src/buckets/constants/index.ts

@@ -1 +1,8 @@
+import {Bucket} from 'src/types'
+import {startsWith} from 'lodash'
+
 export const MIN_RETENTION_SECONDS = 3600
+
+export const isSystemBucket = (bucket: Bucket): boolean => {
+  return startsWith(bucket.name, '_')
+}

ui/src/shared/components/ThresholdMarkers.tsx

@@ -1,6 +1,7 @@
 // Libraries
 import React, {useRef, FunctionComponent} from 'react'
 import {Scale} from '@influxdata/giraffe'
+import {round} from 'lodash'
 
 // Components
 import RangeThresholdMarkers from 'src/shared/components/RangeThresholdMarkers'
@@ -13,6 +14,9 @@ import {clamp} from 'src/shared/utils/vis'
 // Types
 import {Threshold} from 'src/types'
 
+// Constants
+const DRAGGABLE_THRESHOLD_PRECISION = 2
+
 interface Props {
   thresholds: Threshold[]
   onSetThresholds: (newThresholds: Threshold[]) => void
@@ -52,7 +56,21 @@ const ThresholdMarkers: FunctionComponent<Props> = ({
       i === index ? nextThreshold : t
     )
 
-    onSetThresholds(nextThresholds)
+    const roundedThresholds = nextThresholds.map(nt => {
+      if (nt.type === 'greater' || nt.type === 'lesser') {
+        return {...nt, value: round(nt.value, DRAGGABLE_THRESHOLD_PRECISION)}
+      }
+
+      if (nt.type === 'range') {
+        return {
+          ...nt,
+          min: round(nt.min, DRAGGABLE_THRESHOLD_PRECISION),
+          max: round(nt.max, DRAGGABLE_THRESHOLD_PRECISION),
+        }
+      }
+    })
+
+    onSetThresholds(roundedThresholds)
   }
 
   return (