Start trying to fix js types

http/swagger.yml

@@ -9208,15 +9208,15 @@ components:
           type: string
         description:
           type: string
-        agent:
+        config:
+          type: string
+        metadata:
           type: object
           properties:
-            collectionInterval:
-              type: integer
-        plugins:
-          type: array
-          items:
-            $ref: "#/components/schemas/TelegrafRequestPlugin"
+            buckets:
+              type: array
+              items:
+                type: string
         orgID:
           type: string
     TelegrafRequestPlugin:

http/telegraf.go

@@ -57,7 +57,7 @@ type TelegrafHandler struct {
 }
 
 const (
-	prefixTelegraf          = "/api/v2/telegrafs"
+	prefixTelegraf           = "/api/v2/telegrafs"
 	telegrafsIDPath          = "/api/v2/telegrafs/:id"
 	telegrafsIDMembersPath   = "/api/v2/telegrafs/:id/members"
 	telegrafsIDMembersIDPath = "/api/v2/telegrafs/:id/members/:userID"

ui/src/dashboards/actions/index.ts

@@ -60,7 +60,7 @@ import {DEFAULT_DASHBOARD_NAME} from 'src/dashboards/constants/index'
 
 // Types
 import {RemoteDataState} from 'src/types'
-import {CreateCell, ILabel} from '@influxdata/influx'
+import {CreateCell, Label} from 'src/client/generatedRoutes'
 import {
   Dashboard,
   NewView,
@@ -141,15 +141,15 @@ interface AddDashboardLabelsAction {
   type: ActionTypes.AddDashboardLabels
   payload: {
     dashboardID: string
-    labels: ILabel[]
+    labels: Label[]
   }
 }
 
 interface RemoveDashboardLabelsAction {
   type: ActionTypes.RemoveDashboardLabels
   payload: {
     dashboardID: string
-    labels: ILabel[]
+    labels: Label[]
   }
 }
 
@@ -215,15 +215,15 @@ export const removeCell = (
 
 export const addDashboardLabels = (
   dashboardID: string,
-  labels: ILabel[]
+  labels: Label[]
 ): AddDashboardLabelsAction => ({
   type: ActionTypes.AddDashboardLabels,
   payload: {dashboardID, labels},
 })
 
 export const removeDashboardLabels = (
   dashboardID: string,
-  labels: ILabel[]
+  labels: Label[]
 ): RemoveDashboardLabelsAction => ({
   type: ActionTypes.RemoveDashboardLabels,
   payload: {dashboardID, labels},
@@ -527,7 +527,7 @@ export const copyDashboardCellAsync = (dashboard: Dashboard, cell: Cell) => (
 
 export const addDashboardLabelsAsync = (
   dashboardID: string,
-  labels: ILabel[]
+  labels: Label[]
 ) => async (dispatch: Dispatch<Action | PublishNotificationAction>) => {
   try {
     const newLabels = await client.dashboards.addLabels(
@@ -544,7 +544,7 @@ export const addDashboardLabelsAsync = (
 
 export const removeDashboardLabelsAsync = (
   dashboardID: string,
-  labels: ILabel[]
+  labels: Label[]
 ) => async (dispatch: Dispatch<Action | PublishNotificationAction>) => {
   try {
     await client.dashboards.removeLabels(dashboardID, labels.map(l => l.id))

ui/src/telegrafs/actions/index.ts

@@ -3,7 +3,8 @@ import {client} from 'src/utils/api'
 
 // Types
 import {RemoteDataState, GetState} from 'src/types'
-import {ITelegraf as Telegraf, ILabel as Label} from '@influxdata/influx'
+import {Telegraf} from 'src/client/generatedRoutes'
+import {ILabel as Label} from '@influxdata/influx'
 import {Dispatch, ThunkAction} from 'redux-thunk'
 
 // Actions

ui/src/telegrafs/components/CollectorCard.tsx

@@ -24,7 +24,8 @@ import {DEFAULT_COLLECTOR_NAME} from 'src/dashboards/constants'
 
 // Types
 import {AppState, Organization} from 'src/types'
-import {ILabel, ITelegraf as Telegraf} from '@influxdata/influx'
+import {Telegraf} from 'src/client/generatedRoutes'
+import {ILabel} from '@influxdata/influx'
 
 interface OwnProps {
   collector: Telegraf
@@ -75,7 +76,7 @@ class CollectorRow extends PureComponent<Props & WithRouterProps> {
         labels={this.labels}
         metaData={[
           <span key={`bucket-key--${collector.id}`} data-testid="bucket-name">
-            {/* todo(glinton): verify what sets this. It seems like it is using the 'config' section of 'influxdb_v2' output?? */}
+            {}
             Bucket: {collector.metadata.buckets.join(", ")}
           </span>,
           <>

ui/src/telegrafs/components/CollectorList.tsx

@@ -9,7 +9,7 @@ import {ResourceList} from '@influxdata/clockface'
 import CollectorRow from 'src/telegrafs/components/CollectorCard'
 
 // Types
-import {ITelegraf as Telegraf} from '@influxdata/influx'
+import {Telegraf} from 'src/client/generatedRoutes'
 import {Sort} from '@influxdata/clockface'
 import {SortTypes, getSortedResources} from 'src/shared/utils/sort'
 import {AppState} from 'src/types'

ui/src/telegrafs/components/Collectors.tsx

@@ -32,7 +32,8 @@ import {updateTelegraf, deleteTelegraf} from 'src/telegrafs/actions'
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 // Types
-import {ITelegraf as Telegraf} from '@influxdata/influx'
+import {Telegraf} from 'src/client/generatedRoutes' // from `import {ITelegraf as Telegraf} from '@influxdata/influx'`
+
 import {OverlayState, AppState, Bucket} from 'src/types'
 import {
   setDataLoadersType,

ui/src/telegrafs/components/TelegrafConfigOverlay.tsx

@@ -21,7 +21,7 @@ import {downloadTextFile} from 'src/shared/utils/download'
 
 // Types
 import {AppState} from 'src/types'
-import {ITelegraf as Telegraf} from '@influxdata/influx'
+import {Telegraf} from 'src/client/generatedRoutes'
 
 interface OwnProps {
   onClose: () => void

ui/src/telegrafs/reducers/index.ts

@@ -4,7 +4,7 @@ import {produce} from 'immer'
 // Types
 import {RemoteDataState} from 'src/types'
 import {Action} from 'src/telegrafs/actions'
-import {ITelegraf as Telegraf} from '@influxdata/influx'
+import {Telegraf} from 'src/client/generatedRoutes'
 
 const initialState = (): TelegrafsState => ({
   status: RemoteDataState.NotStarted,