@@ -24,18 +24,14 @@ import { Button } from "@material-ui/core";
2424import { CreateIcon } from "../../../../icons" ;
2525import TableWrapper from "../../Common/TableWrapper/TableWrapper" ;
2626import { MinTablePaginationActions } from "../../../../common/MinTablePaginationActions" ;
27- import AddCluster from "./AddCluster" ;
2827import { createStyles , Theme , withStyles } from "@material-ui/core/styles" ;
29- import DeleteCluster from "./DeleteCluster" ;
30- import { Link } from "react-router-dom" ;
3128import api from "../../../../common/api" ;
32- import { PolicyList } from "../../Policies/types" ;
33- import { GroupsList } from "../../Groups/types" ;
34- import { stringSort } from "../../../../utils/sortFunctions" ;
35- import { ICluster , IClustersResponse } from "./types" ;
29+ import { ITenant , ITenantsResponse } from "./types" ;
3630import { niceBytes } from "../../../../common/utils" ;
31+ import DeleteTenant from "./DeleteTenant" ;
32+ import AddTenant from "./AddTenant" ;
3733
38- interface IClustersList {
34+ interface ITenantsList {
3935 classes : any ;
4036}
4137
@@ -83,20 +79,20 @@ const styles = (theme: Theme) =>
8379 } ,
8480 } ) ;
8581
86- const ListClusters = ( { classes } : IClustersList ) => {
87- const [ createClusterOpen , setCreateClusterOpen ] = useState < boolean > ( false ) ;
82+ const ListTenants = ( { classes } : ITenantsList ) => {
83+ const [ createTenantOpen , setCreateTenantOpen ] = useState < boolean > ( false ) ;
8884 const [ deleteOpen , setDeleteOpen ] = useState < boolean > ( false ) ;
89- const [ selectedCluster , setSelectedCluster ] = useState < any > ( null ) ;
85+ const [ selectedTenant , setSelectedTenant ] = useState < any > ( null ) ;
9086 const [ isLoading , setIsLoading ] = useState < boolean > ( false ) ;
91- const [ filterClusters , setFilterClusters ] = useState < string > ( "" ) ;
87+ const [ filterTenants , setFilterTenants ] = useState < string > ( "" ) ;
9288 const [ records , setRecords ] = useState < any [ ] > ( [ ] ) ;
9389 const [ offset , setOffset ] = useState < number > ( 0 ) ;
9490 const [ rowsPerPage , setRowsPerPage ] = useState < number > ( 10 ) ;
9591 const [ page , setPage ] = useState < number > ( 0 ) ;
9692 const [ error , setError ] = useState < string > ( "" ) ;
9793
9894 const closeAddModalAndRefresh = ( reloadData : boolean ) => {
99- setCreateClusterOpen ( false ) ;
95+ setCreateTenantOpen ( false ) ;
10096
10197 if ( reloadData ) {
10298 setIsLoading ( true ) ;
@@ -111,8 +107,8 @@ const ListClusters = ({ classes }: IClustersList) => {
111107 }
112108 } ;
113109
114- const confirmDeleteCluster = ( cluster : string ) => {
115- setSelectedCluster ( cluster ) ;
110+ const confirmDeleteTenant = ( tenant : string ) => {
111+ setSelectedTenant ( tenant ) ;
116112 setDeleteOpen ( true ) ;
117113 } ;
118114
@@ -129,17 +125,17 @@ const ListClusters = ({ classes }: IClustersList) => {
129125 } ;
130126
131127 const tableActions = [
132- { type : "view" , to : `/clusters ` , sendOnlyId : true } ,
133- { type : "delete" , onClick : confirmDeleteCluster , sendOnlyId : true } ,
128+ { type : "view" , to : `/tenants ` , sendOnlyId : true } ,
129+ { type : "delete" , onClick : confirmDeleteTenant , sendOnlyId : true } ,
134130 ] ;
135131
136132 const filteredRecords = records
137133 . slice ( offset , offset + rowsPerPage )
138134 . filter ( ( b : any ) => {
139- if ( filterClusters === "" ) {
135+ if ( filterTenants === "" ) {
140136 return true ;
141137 } else {
142- if ( b . name . indexOf ( filterClusters ) >= 0 ) {
138+ if ( b . name . indexOf ( filterTenants ) >= 0 ) {
143139 return true ;
144140 } else {
145141 return false ;
@@ -154,30 +150,30 @@ const ListClusters = ({ classes }: IClustersList) => {
154150 api
155151 . invoke (
156152 "GET" ,
157- `/api/v1/clusters ?offset=${ offset } &limit=${ rowsPerPage } `
153+ `/api/v1/tenants ?offset=${ offset } &limit=${ rowsPerPage } `
158154 )
159- . then ( ( res : IClustersResponse ) => {
155+ . then ( ( res : ITenantsResponse ) => {
160156 if ( res === null ) {
161157 setIsLoading ( false ) ;
162158 return ;
163159 }
164- let resClusters : ICluster [ ] = [ ] ;
165- if ( res . clusters !== null ) {
166- resClusters = res . clusters ;
160+ let resTenants : ITenant [ ] = [ ] ;
161+ if ( res . tenants !== null ) {
162+ resTenants = res . tenants ;
167163 }
168164
169- for ( let i = 0 ; i < resClusters . length ; i ++ ) {
165+ for ( let i = 0 ; i < resTenants . length ; i ++ ) {
170166 const total =
171- resClusters [ i ] . volume_count * resClusters [ i ] . volume_size ;
172- resClusters [ i ] . capacity = niceBytes ( total + "" ) ;
167+ resTenants [ i ] . volume_count * resTenants [ i ] . volume_size ;
168+ resTenants [ i ] . capacity = niceBytes ( total + "" ) ;
173169 }
174170
175- setRecords ( resClusters ) ;
171+ setRecords ( resTenants ) ;
176172 setError ( "" ) ;
177173 setIsLoading ( false ) ;
178174
179175 // if we get 0 results, and page > 0 , go down 1 page
180- if ( ( ! res . clusters || res . clusters . length === 0 ) && page > 0 ) {
176+ if ( ( ! res . tenants || res . tenants . length === 0 ) && page > 0 ) {
181177 const newPage = page - 1 ;
182178 setPage ( newPage ) ;
183179 }
@@ -197,34 +193,34 @@ const ListClusters = ({ classes }: IClustersList) => {
197193
198194 return (
199195 < React . Fragment >
200- { createClusterOpen && (
201- < AddCluster
202- open = { createClusterOpen }
196+ { createTenantOpen && (
197+ < AddTenant
198+ open = { createTenantOpen }
203199 closeModalAndRefresh = { closeAddModalAndRefresh }
204200 />
205201 ) }
206202 { deleteOpen && (
207- < DeleteCluster
203+ < DeleteTenant
208204 deleteOpen = { deleteOpen }
209- selectedCluster = { selectedCluster }
205+ selectedTenant = { selectedTenant }
210206 closeDeleteModalAndRefresh = { closeDeleteModalAndRefresh }
211207 />
212208 ) }
213209 < Grid container >
214210 < Grid item xs = { 12 } >
215- < Typography variant = "h6" > Clusters </ Typography >
211+ < Typography variant = "h6" > Tenants </ Typography >
216212 </ Grid >
217213 < Grid item xs = { 12 } >
218214 < br />
219215 </ Grid >
220216 < Grid item xs = { 12 } className = { classes . actionsTray } >
221217 < TextField
222- placeholder = "Search Clusters "
218+ placeholder = "Search Tenants "
223219 className = { classes . searchField }
224220 id = "search-resource"
225221 label = ""
226222 onChange = { ( val ) => {
227- setFilterClusters ( val . target . value ) ;
223+ setFilterTenants ( val . target . value ) ;
228224 } }
229225 InputProps = { {
230226 disableUnderline : true ,
@@ -240,10 +236,10 @@ const ListClusters = ({ classes }: IClustersList) => {
240236 color = "primary"
241237 startIcon = { < CreateIcon /> }
242238 onClick = { ( ) => {
243- setCreateClusterOpen ( true ) ;
239+ setCreateTenantOpen ( true ) ;
244240 } }
245241 >
246- Create Cluster
242+ Create Tenant
247243 </ Button >
248244 </ Grid >
249245 < Grid item xs = { 12 } >
@@ -260,7 +256,7 @@ const ListClusters = ({ classes }: IClustersList) => {
260256 ] }
261257 isLoading = { isLoading }
262258 records = { filteredRecords }
263- entityName = "Clusters "
259+ entityName = "Tenants "
264260 idField = "name"
265261 paginatorConfig = { {
266262 rowsPerPageOptions : [ 5 , 10 , 25 ] ,
@@ -283,4 +279,4 @@ const ListClusters = ({ classes }: IClustersList) => {
283279 ) ;
284280} ;
285281
286- export default withStyles ( styles ) ( ListClusters ) ;
282+ export default withStyles ( styles ) ( ListTenants ) ;
0 commit comments