Skip to content

Commit 35c3b53

Browse files
dvaldiviadvaldivia
authored
Dashboard Loading + Prettier files (#124)
1 parent 6fef30f commit 35c3b53

File tree

24 files changed

+483
-456
lines changed

24 files changed

+483
-456
lines changed

‎portal-ui/bindata_assetfs.go‎

Lines changed: 121 additions & 98 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎portal-ui/src/screens/Console/Buckets/ListBuckets/AddBucket.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -27,12 +27,12 @@ import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBo
2727
const styles = (theme: Theme) =>
2828
createStyles({
2929
errorBlock: {
30-
color: "red"
30+
color: "red",
3131
},
3232
buttonContainer: {
33-
textAlign: "right"
33+
textAlign: "right",
3434
},
35-
...modalBasic
35+
...modalBasic,
3636
});
3737

3838
interface IAddBucketProps {
@@ -51,7 +51,7 @@ class AddBucket extends React.Component<IAddBucketProps, IAddBucketState> {
5151
state: IAddBucketState = {
5252
addLoading: false,
5353
addError: "",
54-
bucketName: ""
54+
bucketName: "",
5555
};
5656

5757
addRecord(event: React.FormEvent) {
@@ -63,23 +63,23 @@ class AddBucket extends React.Component<IAddBucketProps, IAddBucketState> {
6363
this.setState({ addLoading: true }, () => {
6464
api
6565
.invoke("POST", "/api/v1/buckets", {
66-
name: bucketName
66+
name: bucketName,
6767
})
68-
.then(res => {
68+
.then((res) => {
6969
this.setState(
7070
{
7171
addLoading: false,
72-
addError: ""
72+
addError: "",
7373
},
7474
() => {
7575
this.props.closeModalAndRefresh();
7676
}
7777
);
7878
})
79-
.catch(err => {
79+
.catch((err) => {
8080
this.setState({
8181
addLoading: false,
82-
addError: err
82+
addError: err,
8383
});
8484
});
8585
});

‎portal-ui/src/screens/Console/Buckets/ViewBucket/AddEvent.tsx‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -35,20 +35,20 @@ import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapp
3535
const styles = (theme: Theme) =>
3636
createStyles({
3737
errorBlock: {
38-
color: "red"
38+
color: "red",
3939
},
4040
minTableHeader: {
4141
color: "#393939",
4242
"& tr": {
4343
"& th": {
44-
fontWeight: "bold"
45-
}
46-
}
44+
fontWeight: "bold",
45+
},
46+
},
4747
},
4848
buttonContainer: {
49-
textAlign: "right"
49+
textAlign: "right",
5050
},
51-
...modalBasic
51+
...modalBasic,
5252
});
5353

5454
interface IAddEventProps {
@@ -76,7 +76,7 @@ class AddEvent extends React.Component<IAddEventProps, IAddEventState> {
7676
suffix: "",
7777
arn: "",
7878
selectedEvents: [],
79-
arnList: []
79+
arnList: [],
8080
};
8181

8282
addRecord(event: React.FormEvent) {
@@ -93,25 +93,25 @@ class AddEvent extends React.Component<IAddEventProps, IAddEventState> {
9393
arn: arn,
9494
events: selectedEvents,
9595
prefix: prefix,
96-
suffix: suffix
96+
suffix: suffix,
9797
},
98-
ignoreExisting: true
98+
ignoreExisting: true,
9999
})
100-
.then(res => {
100+
.then((res) => {
101101
this.setState(
102102
{
103103
addLoading: false,
104-
addError: ""
104+
addError: "",
105105
},
106106
() => {
107107
this.props.closeModalAndRefresh();
108108
}
109109
);
110110
})
111-
.catch(err => {
111+
.catch((err) => {
112112
this.setState({
113113
addLoading: false,
114-
addError: err
114+
addError: err,
115115
});
116116
});
117117
});
@@ -129,7 +129,7 @@ class AddEvent extends React.Component<IAddEventProps, IAddEventState> {
129129
this.setState({
130130
addLoading: false,
131131
arnList: arns,
132-
addError: ""
132+
addError: "",
133133
});
134134
})
135135
.catch((err: any) => {
@@ -151,13 +151,13 @@ class AddEvent extends React.Component<IAddEventProps, IAddEventState> {
151151
selectedEvents,
152152
arnList,
153153
prefix,
154-
suffix
154+
suffix,
155155
} = this.state;
156156

157157
const events = [
158158
{ label: "PUT - Object Uploaded", value: "put" },
159159
{ label: "GET - Object accessed", value: "get" },
160-
{ label: "DELETE - Object Deleted", value: "delete" }
160+
{ label: "DELETE - Object Deleted", value: "delete" },
161161
];
162162

163163
const handleClick = (
@@ -183,9 +183,9 @@ class AddEvent extends React.Component<IAddEventProps, IAddEventState> {
183183
this.setState({ selectedEvents: newSelected });
184184
};
185185

186-
const arnValues = arnList.map(arnConstant => ({
186+
const arnValues = arnList.map((arnConstant) => ({
187187
label: arnConstant,
188-
value: arnConstant
188+
value: arnConstant,
189189
}));
190190

191191
return (
@@ -239,19 +239,19 @@ class AddEvent extends React.Component<IAddEventProps, IAddEventState> {
239239
</TableRow>
240240
</TableHead>
241241
<TableBody>
242-
{events.map(row => (
242+
{events.map((row) => (
243243
<TableRow
244244
key={`group-${row.value}`}
245-
onClick={event => handleClick(event, row.value)}
245+
onClick={(event) => handleClick(event, row.value)}
246246
>
247247
<TableCell padding="checkbox">
248248
<Checkbox
249249
value={row.value}
250250
color="primary"
251251
inputProps={{
252-
"aria-label": "secondary checkbox"
252+
"aria-label": "secondary checkbox",
253253
}}
254-
onChange={event => handleClick(event, row.value)}
254+
onChange={(event) => handleClick(event, row.value)}
255255
checked={selectedEvents.includes(row.value)}
256256
/>
257257
</TableCell>

‎portal-ui/src/screens/Console/Buckets/ViewBucket/DeleteEvent.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ import {
2424
DialogContent,
2525
DialogContentText,
2626
DialogTitle,
27-
LinearProgress
27+
LinearProgress,
2828
} from "@material-ui/core";
2929
import api from "../../../../common/api";
3030
import { BucketEvent, BucketList } from "../types";
@@ -33,8 +33,8 @@ import Typography from "@material-ui/core/Typography";
3333
const styles = (theme: Theme) =>
3434
createStyles({
3535
errorBlock: {
36-
color: "red"
37-
}
36+
color: "red",
37+
},
3838
});
3939

4040
interface IDeleteEventProps {
@@ -56,7 +56,7 @@ class DeleteEvent extends React.Component<
5656
> {
5757
state: IDeleteEventState = {
5858
deleteLoading: false,
59-
deleteError: ""
59+
deleteError: "",
6060
};
6161

6262
removeRecord() {
@@ -80,24 +80,24 @@ class DeleteEvent extends React.Component<
8080
{
8181
events,
8282
prefix,
83-
suffix
83+
suffix,
8484
}
8585
)
8686
.then((res: BucketList) => {
8787
this.setState(
8888
{
8989
deleteLoading: false,
90-
deleteError: ""
90+
deleteError: "",
9191
},
9292
() => {
9393
this.props.closeDeleteModalAndRefresh(true);
9494
}
9595
);
9696
})
97-
.catch(err => {
97+
.catch((err) => {
9898
this.setState({
9999
deleteLoading: false,
100-
deleteError: err
100+
deleteError: err,
101101
});
102102
});
103103
});

‎portal-ui/src/screens/Console/Buckets/ViewBucket/SetAccessPolicy.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,9 @@ import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapp
2626
const styles = (theme: Theme) =>
2727
createStyles({
2828
errorBlock: {
29-
color: "red"
29+
color: "red",
3030
},
31-
...modalBasic
31+
...modalBasic,
3232
});
3333

3434
interface ISetAccessPolicyProps {
@@ -51,7 +51,7 @@ class SetAccessPolicy extends React.Component<
5151
state: ISetAccessPolicyState = {
5252
addLoading: false,
5353
addError: "",
54-
accessPolicy: ""
54+
accessPolicy: "",
5555
};
5656

5757
addRecord(event: React.FormEvent) {
@@ -64,23 +64,23 @@ class SetAccessPolicy extends React.Component<
6464
this.setState({ addLoading: true }, () => {
6565
api
6666
.invoke("PUT", `/api/v1/buckets/${bucketName}/set-policy`, {
67-
access: accessPolicy
67+
access: accessPolicy,
6868
})
69-
.then(res => {
69+
.then((res) => {
7070
this.setState(
7171
{
7272
addLoading: false,
73-
addError: ""
73+
addError: "",
7474
},
7575
() => {
7676
this.props.closeModalAndRefresh();
7777
}
7878
);
7979
})
80-
.catch(err => {
80+
.catch((err) => {
8181
this.setState({
8282
addLoading: false,
83-
addError: err
83+
addError: err,
8484
});
8585
});
8686
});
@@ -130,7 +130,7 @@ class SetAccessPolicy extends React.Component<
130130
}}
131131
options={[
132132
{ value: "PRIVATE", label: "Private" },
133-
{ value: "PUBLIC", label: "Public" }
133+
{ value: "PUBLIC", label: "Public" },
134134
]}
135135
/>
136136
</Grid>

0 commit comments

Comments
 (0)