Fix prettier issues
parent
0c3ec69f37
commit
4ea2650ff1
|
@ -1,6 +1,6 @@
|
||||||
// Libraries
|
// Libraries
|
||||||
import React, { PureComponent } from 'react'
|
import React, {PureComponent} from 'react'
|
||||||
import { withRouter, WithRouterProps } from 'react-router'
|
import {withRouter, WithRouterProps} from 'react-router'
|
||||||
import _ from 'lodash'
|
import _ from 'lodash'
|
||||||
|
|
||||||
// Components
|
// Components
|
||||||
|
@ -13,11 +13,11 @@ import {
|
||||||
} from '@influxdata/clockface'
|
} from '@influxdata/clockface'
|
||||||
import BucketContextMenu from 'src/buckets/components/BucketContextMenu'
|
import BucketContextMenu from 'src/buckets/components/BucketContextMenu'
|
||||||
import BucketAddDataButton from 'src/buckets/components/BucketAddDataButton'
|
import BucketAddDataButton from 'src/buckets/components/BucketAddDataButton'
|
||||||
import { FeatureFlag } from 'src/shared/utils/featureFlag'
|
import {FeatureFlag} from 'src/shared/utils/featureFlag'
|
||||||
|
|
||||||
// Types
|
// Types
|
||||||
import { Bucket } from 'src/types'
|
import {Bucket} from 'src/types'
|
||||||
import { DataLoaderType } from 'src/types/dataLoaders'
|
import {DataLoaderType} from 'src/types/dataLoaders'
|
||||||
|
|
||||||
export interface PrettyBucket extends Bucket {
|
export interface PrettyBucket extends Bucket {
|
||||||
ruleString: string
|
ruleString: string
|
||||||
|
@ -35,7 +35,7 @@ interface Props {
|
||||||
|
|
||||||
class BucketRow extends PureComponent<Props & WithRouterProps> {
|
class BucketRow extends PureComponent<Props & WithRouterProps> {
|
||||||
public render() {
|
public render() {
|
||||||
const { bucket, onDeleteBucket } = this.props
|
const {bucket, onDeleteBucket} = this.props
|
||||||
return (
|
return (
|
||||||
<ResourceCard
|
<ResourceCard
|
||||||
testID="bucket--card"
|
testID="bucket--card"
|
||||||
|
@ -54,7 +54,7 @@ class BucketRow extends PureComponent<Props & WithRouterProps> {
|
||||||
<FlexBox
|
<FlexBox
|
||||||
direction={FlexDirection.Row}
|
direction={FlexDirection.Row}
|
||||||
margin={ComponentSize.Small}
|
margin={ComponentSize.Small}
|
||||||
style={{ marginTop: '4px' }}
|
style={{marginTop: '4px'}}
|
||||||
>
|
>
|
||||||
<BucketAddDataButton
|
<BucketAddDataButton
|
||||||
onAddCollector={this.handleAddCollector}
|
onAddCollector={this.handleAddCollector}
|
||||||
|
@ -76,9 +76,9 @@ class BucketRow extends PureComponent<Props & WithRouterProps> {
|
||||||
}
|
}
|
||||||
|
|
||||||
private get renameButton() {
|
private get renameButton() {
|
||||||
const { bucket } = this.props
|
const {bucket} = this.props
|
||||||
if (bucket.type === 'user') {
|
if (bucket.type === 'user') {
|
||||||
console.log("here")
|
console.log('here')
|
||||||
return (
|
return (
|
||||||
<Button
|
<Button
|
||||||
text="Rename"
|
text="Rename"
|
||||||
|
@ -91,15 +91,15 @@ class BucketRow extends PureComponent<Props & WithRouterProps> {
|
||||||
}
|
}
|
||||||
|
|
||||||
private handleDeleteData = () => {
|
private handleDeleteData = () => {
|
||||||
const { onDeleteData, bucket } = this.props
|
const {onDeleteData, bucket} = this.props
|
||||||
|
|
||||||
onDeleteData(bucket)
|
onDeleteData(bucket)
|
||||||
}
|
}
|
||||||
|
|
||||||
private handleRenameBucket = () => {
|
private handleRenameBucket = () => {
|
||||||
const {
|
const {
|
||||||
params: { orgID },
|
params: {orgID},
|
||||||
bucket: { id },
|
bucket: {id},
|
||||||
router,
|
router,
|
||||||
} = this.props
|
} = this.props
|
||||||
|
|
||||||
|
@ -108,8 +108,8 @@ class BucketRow extends PureComponent<Props & WithRouterProps> {
|
||||||
|
|
||||||
private handleNameClick = (): void => {
|
private handleNameClick = (): void => {
|
||||||
const {
|
const {
|
||||||
params: { orgID },
|
params: {orgID},
|
||||||
bucket: { id },
|
bucket: {id},
|
||||||
router,
|
router,
|
||||||
} = this.props
|
} = this.props
|
||||||
|
|
||||||
|
@ -118,8 +118,8 @@ class BucketRow extends PureComponent<Props & WithRouterProps> {
|
||||||
|
|
||||||
private handleAddCollector = (): void => {
|
private handleAddCollector = (): void => {
|
||||||
const {
|
const {
|
||||||
params: { orgID },
|
params: {orgID},
|
||||||
bucket: { id },
|
bucket: {id},
|
||||||
} = this.props
|
} = this.props
|
||||||
|
|
||||||
const link = `/orgs/${orgID}/load-data/buckets/${id}/telegrafs/new`
|
const link = `/orgs/${orgID}/load-data/buckets/${id}/telegrafs/new`
|
||||||
|
@ -128,8 +128,8 @@ class BucketRow extends PureComponent<Props & WithRouterProps> {
|
||||||
|
|
||||||
private handleAddLineProtocol = (): void => {
|
private handleAddLineProtocol = (): void => {
|
||||||
const {
|
const {
|
||||||
params: { orgID },
|
params: {orgID},
|
||||||
bucket: { id },
|
bucket: {id},
|
||||||
} = this.props
|
} = this.props
|
||||||
|
|
||||||
const link = `/orgs/${orgID}/load-data/buckets/${id}/line-protocols/new`
|
const link = `/orgs/${orgID}/load-data/buckets/${id}/line-protocols/new`
|
||||||
|
@ -138,8 +138,8 @@ class BucketRow extends PureComponent<Props & WithRouterProps> {
|
||||||
|
|
||||||
private handleAddScraper = (): void => {
|
private handleAddScraper = (): void => {
|
||||||
const {
|
const {
|
||||||
params: { orgID },
|
params: {orgID},
|
||||||
bucket: { id },
|
bucket: {id},
|
||||||
} = this.props
|
} = this.props
|
||||||
|
|
||||||
const link = `/orgs/${orgID}/load-data/buckets/${id}/scrapers/new`
|
const link = `/orgs/${orgID}/load-data/buckets/${id}/scrapers/new`
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
// Libraries
|
// Libraries
|
||||||
import React, { PureComponent } from 'react'
|
import React, {PureComponent} from 'react'
|
||||||
|
|
||||||
// Components
|
// Components
|
||||||
import { Context, Alignment, ComponentSize } from 'src/clockface'
|
import {Context, Alignment, ComponentSize} from 'src/clockface'
|
||||||
|
|
||||||
import {
|
import {
|
||||||
ButtonShape,
|
ButtonShape,
|
||||||
|
@ -14,7 +14,7 @@ import {
|
||||||
} from '@influxdata/clockface'
|
} from '@influxdata/clockface'
|
||||||
|
|
||||||
// Types
|
// Types
|
||||||
import { PrettyBucket } from 'src/buckets/components/BucketCard'
|
import {PrettyBucket} from 'src/buckets/components/BucketCard'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
bucket: PrettyBucket
|
bucket: PrettyBucket
|
||||||
|
@ -23,8 +23,6 @@ interface Props {
|
||||||
|
|
||||||
export default class BucketContextMenu extends PureComponent<Props> {
|
export default class BucketContextMenu extends PureComponent<Props> {
|
||||||
public render() {
|
public render() {
|
||||||
const { bucket, onDeleteBucket } = this.props
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Context align={Alignment.Center}>
|
<Context align={Alignment.Center}>
|
||||||
|
@ -41,9 +39,10 @@ export default class BucketContextMenu extends PureComponent<Props> {
|
||||||
}
|
}
|
||||||
|
|
||||||
private get deleteButton() {
|
private get deleteButton() {
|
||||||
const { bucket, onDeleteBucket } = this.props
|
const {bucket, onDeleteBucket} = this.props
|
||||||
if (bucket.type === "user") {
|
if (bucket.type === 'user') {
|
||||||
return (<Context.Menu
|
return (
|
||||||
|
<Context.Menu
|
||||||
icon={IconFont.Trash}
|
icon={IconFont.Trash}
|
||||||
color={ComponentColor.Danger}
|
color={ComponentColor.Danger}
|
||||||
shape={ButtonShape.Default}
|
shape={ButtonShape.Default}
|
||||||
|
@ -56,8 +55,8 @@ export default class BucketContextMenu extends PureComponent<Props> {
|
||||||
value={bucket}
|
value={bucket}
|
||||||
testID="context-delete-task"
|
testID="context-delete-task"
|
||||||
/>
|
/>
|
||||||
</Context.Menu>)
|
</Context.Menu>
|
||||||
}
|
)
|
||||||
else return (<></>)
|
} else return <></>
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue