@@ -74,6 +74,7 @@ import AppEditor from "../editor/AppEditor";
74
74
import { set } from "lodash" ;
75
75
import { fetchDeploymentIdAction } from "@lowcoder-ee/redux/reduxActions/configActions" ;
76
76
import { getDeploymentId } from "@lowcoder-ee/redux/selectors/configSelectors" ;
77
+ import { SubscriptionContextProvider } from '@lowcoder-ee/util/context/SubscriptionContext' ;
77
78
78
79
const TabLabel = styled . div `
79
80
font-weight: 500;
@@ -223,145 +224,147 @@ export default function ApplicationHome() {
223
224
224
225
return (
225
226
< DivStyled >
226
- < Layout
227
- sections = { [
228
- {
229
- items : [
230
- {
231
- text : < TabLabel > { trans ( "home.profile" ) } </ TabLabel > ,
232
- routePath : USER_PROFILE_URL ,
233
- routeComp : UserProfileView ,
234
- icon : ( { selected, ...otherProps } ) => selected ? < UserIcon { ...otherProps } width = { "24px" } /> : < UserIcon { ...otherProps } width = { "24px" } /> ,
235
- } ,
236
- {
237
- text : < TabLabel > { trans ( "home.news" ) } </ TabLabel > ,
238
- routePath : NEWS_URL ,
239
- routeComp : NewsView ,
240
- icon : ( { selected, ...otherProps } ) => selected ? < NewsIcon { ...otherProps } width = { "24px" } /> : < NewsIcon { ...otherProps } width = { "24px" } /> ,
241
- visible : ( { user } ) => user . orgDev ,
242
- style : { color : "red" } ,
243
- } ,
244
- {
245
- text : < TabLabel > { trans ( "home.orgHome" ) } </ TabLabel > ,
246
- routePath : ORG_HOME_URL ,
247
- routePathExact : false ,
248
- routeComp : OrgView ,
249
- icon : ( { selected, ...otherProps } ) => selected ? < WorkspacesIcon { ...otherProps } width = { "24px" } /> : < WorkspacesIcon { ...otherProps } width = { "24px" } /> ,
250
- visible : ( { user } ) => ! user . orgDev ,
251
- } ,
252
- {
253
- text : < TabLabel > { trans ( "home.marketplace" ) } </ TabLabel > ,
254
- routePath : MARKETPLACE_URL ,
255
- routePathExact : false ,
256
- routeComp : MarketplaceView ,
257
- icon : ( { selected, ...otherProps } ) => selected ? < MarketplaceIcon { ...otherProps } width = { "24px" } /> : < MarketplaceIcon { ...otherProps } width = { "24px" } /> ,
258
- } ,
259
- ]
260
- } ,
227
+ < SubscriptionContextProvider >
228
+ < Layout
229
+ sections = { [
230
+ {
231
+ items : [
232
+ {
233
+ text : < TabLabel > { trans ( "home.profile" ) } </ TabLabel > ,
234
+ routePath : USER_PROFILE_URL ,
235
+ routeComp : UserProfileView ,
236
+ icon : ( { selected, ...otherProps } ) => selected ? < UserIcon { ...otherProps } width = { "24px" } /> : < UserIcon { ...otherProps } width = { "24px" } /> ,
237
+ } ,
238
+ {
239
+ text : < TabLabel > { trans ( "home.news" ) } </ TabLabel > ,
240
+ routePath : NEWS_URL ,
241
+ routeComp : NewsView ,
242
+ icon : ( { selected, ...otherProps } ) => selected ? < NewsIcon { ...otherProps } width = { "24px" } /> : < NewsIcon { ...otherProps } width = { "24px" } /> ,
243
+ visible : ( { user } ) => user . orgDev ,
244
+ style : { color : "red" } ,
245
+ } ,
246
+ {
247
+ text : < TabLabel > { trans ( "home.orgHome" ) } </ TabLabel > ,
248
+ routePath : ORG_HOME_URL ,
249
+ routePathExact : false ,
250
+ routeComp : OrgView ,
251
+ icon : ( { selected, ...otherProps } ) => selected ? < WorkspacesIcon { ...otherProps } width = { "24px" } /> : < WorkspacesIcon { ...otherProps } width = { "24px" } /> ,
252
+ visible : ( { user } ) => ! user . orgDev ,
253
+ } ,
254
+ {
255
+ text : < TabLabel > { trans ( "home.marketplace" ) } </ TabLabel > ,
256
+ routePath : MARKETPLACE_URL ,
257
+ routePathExact : false ,
258
+ routeComp : MarketplaceView ,
259
+ icon : ( { selected, ...otherProps } ) => selected ? < MarketplaceIcon { ...otherProps } width = { "24px" } /> : < MarketplaceIcon { ...otherProps } width = { "24px" } /> ,
260
+ } ,
261
+ ]
262
+ } ,
261
263
262
- {
263
- items : [
264
- {
265
- text : < MoreFoldersWrapper > { trans ( "home.allFolders" ) } </ MoreFoldersWrapper > ,
266
- routePath : FOLDERS_URL ,
267
- routeComp : RootFolderListView ,
268
- icon : ( { selected, ...otherProps } ) => selected ? < FolderIcon { ...otherProps } width = { "24px" } /> : < FolderIcon { ...otherProps } width = { "24px" } /> ,
269
- } ,
270
- {
271
- text : < TabLabel > { trans ( "home.allApplications" ) } </ TabLabel > ,
272
- routePath : ALL_APPLICATIONS_URL ,
273
- routeComp : HomeView ,
274
- icon : ( { selected, ...otherProps } ) => selected ? < AppsIcon { ...otherProps } width = { "24px" } /> : < AppsIcon { ...otherProps } width = { "24px" } /> ,
275
- } ,
276
- ] ,
277
- } ,
278
-
279
- {
280
- items : [
281
-
282
- {
283
- text : < TabLabel > { trans ( "home.queryLibrary" ) } </ TabLabel > ,
284
- routePath : QUERY_LIBRARY_URL ,
285
- routeComp : QueryLibraryEditor ,
286
- icon : ( { selected, ...otherProps } ) => selected ? < HomeQueryLibraryIcon { ...otherProps } width = { "24px" } /> : < HomeQueryLibraryIcon { ...otherProps } width = { "24px" } /> ,
287
- visible : ( { user } ) => user . orgDev ,
288
- } ,
289
- {
290
- text : < TabLabel > { trans ( "home.datasource" ) } </ TabLabel > ,
291
- routePath : DATASOURCE_URL ,
292
- routePathExact : false ,
293
- routeComp : DatasourceHome ,
294
- icon : ( { selected, ...otherProps } ) => selected ? < HomeDataSourceIcon { ...otherProps } width = { "24px" } /> : < HomeDataSourceIcon { ...otherProps } width = { "24px" } /> ,
295
- visible : ( { user } ) => user . orgDev ,
296
- onSelected : ( _ , currentPath ) => currentPath . split ( "/" ) [ 1 ] === "datasource" ,
297
- } ,
298
- ] ,
299
- } ,
300
- isEE ( ) ? {
301
- items : [
302
- {
303
- text : < TabLabel > { trans ( "settings.AppUsage" ) } </ TabLabel > ,
304
- routePath : "/ee/6600ae8724a23f365ba2ed4c/admin" ,
305
- routePathExact : false ,
306
- routeComp : AppEditor ,
307
- icon : ( { selected, ...otherProps } ) => selected ? ( < EnterpriseIcon { ...otherProps } width = { "24px" } /> ) : ( < EnterpriseIcon { ...otherProps } width = { "24px" } /> ) ,
308
- visible : ( { user } ) => user . orgDev ,
309
- } ,
310
- ] ,
311
- } : { items : [ ] } ,
264
+ {
265
+ items : [
266
+ {
267
+ text : < MoreFoldersWrapper > { trans ( "home.allFolders" ) } </ MoreFoldersWrapper > ,
268
+ routePath : FOLDERS_URL ,
269
+ routeComp : RootFolderListView ,
270
+ icon : ( { selected, ...otherProps } ) => selected ? < FolderIcon { ...otherProps } width = { "24px" } /> : < FolderIcon { ...otherProps } width = { "24px" } /> ,
271
+ } ,
272
+ {
273
+ text : < TabLabel > { trans ( "home.allApplications" ) } </ TabLabel > ,
274
+ routePath : ALL_APPLICATIONS_URL ,
275
+ routeComp : HomeView ,
276
+ icon : ( { selected, ...otherProps } ) => selected ? < AppsIcon { ...otherProps } width = { "24px" } /> : < AppsIcon { ...otherProps } width = { "24px" } /> ,
277
+ } ,
278
+ ] ,
279
+ } ,
280
+
281
+ {
282
+ items : [
283
+
284
+ {
285
+ text : < TabLabel > { trans ( "home.queryLibrary" ) } </ TabLabel > ,
286
+ routePath : QUERY_LIBRARY_URL ,
287
+ routeComp : QueryLibraryEditor ,
288
+ icon : ( { selected, ...otherProps } ) => selected ? < HomeQueryLibraryIcon { ...otherProps } width = { "24px" } /> : < HomeQueryLibraryIcon { ...otherProps } width = { "24px" } /> ,
289
+ visible : ( { user } ) => user . orgDev ,
290
+ } ,
291
+ {
292
+ text : < TabLabel > { trans ( "home.datasource" ) } </ TabLabel > ,
293
+ routePath : DATASOURCE_URL ,
294
+ routePathExact : false ,
295
+ routeComp : DatasourceHome ,
296
+ icon : ( { selected, ...otherProps } ) => selected ? < HomeDataSourceIcon { ...otherProps } width = { "24px" } /> : < HomeDataSourceIcon { ...otherProps } width = { "24px" } /> ,
297
+ visible : ( { user } ) => user . orgDev ,
298
+ onSelected : ( _ , currentPath ) => currentPath . split ( "/" ) [ 1 ] === "datasource" ,
299
+ } ,
300
+ ] ,
301
+ } ,
302
+ isEE ( ) ? {
303
+ items : [
304
+ {
305
+ text : < TabLabel > { trans ( "settings.AppUsage" ) } </ TabLabel > ,
306
+ routePath : "/ee/6600ae8724a23f365ba2ed4c/admin" ,
307
+ routePathExact : false ,
308
+ routeComp : AppEditor ,
309
+ icon : ( { selected, ...otherProps } ) => selected ? ( < EnterpriseIcon { ...otherProps } width = { "24px" } /> ) : ( < EnterpriseIcon { ...otherProps } width = { "24px" } /> ) ,
310
+ visible : ( { user } ) => user . orgDev ,
311
+ } ,
312
+ ] ,
313
+ } : { items : [ ] } ,
312
314
313
- supportSubscription ? {
314
- items : [
315
- {
316
- text : < TabLabel > { trans ( "home.support" ) } </ TabLabel > ,
317
- routePath : SUPPORT_URL ,
318
- routeComp : Support ,
319
- routePathExact : false ,
320
- icon : ( { selected, ...otherProps } ) => selected ? < SupportIcon { ...otherProps } width = { "24px" } /> : < SupportIcon { ...otherProps } width = { "24px" } /> ,
321
- } ,
322
- ] ,
323
- } : { items : [ ] } ,
315
+ supportSubscription ? {
316
+ items : [
317
+ {
318
+ text : < TabLabel > { trans ( "home.support" ) } </ TabLabel > ,
319
+ routePath : SUPPORT_URL ,
320
+ routeComp : Support ,
321
+ routePathExact : false ,
322
+ icon : ( { selected, ...otherProps } ) => selected ? < SupportIcon { ...otherProps } width = { "24px" } /> : < SupportIcon { ...otherProps } width = { "24px" } /> ,
323
+ } ,
324
+ ] ,
325
+ } : { items : [ ] } ,
324
326
325
- {
326
- items : [
327
- {
328
- text : < TabLabel > { trans ( "settings.title" ) } </ TabLabel > ,
329
- routePath : SETTING_URL ,
330
- routePathExact : false ,
331
- routeComp : Setting ,
332
- icon : ( { selected, ...otherProps } ) => selected ? < HomeSettingIcon { ...otherProps } width = { "24px" } /> : < HomeSettingIcon { ...otherProps } width = { "24px" } /> ,
333
- visible : ( { user } ) => user . orgDev ,
334
- onSelected : ( _ , currentPath ) => currentPath . split ( "/" ) [ 1 ] === "setting" ,
335
- }
336
- ]
337
- } ,
327
+ {
328
+ items : [
329
+ {
330
+ text : < TabLabel > { trans ( "settings.title" ) } </ TabLabel > ,
331
+ routePath : SETTING_URL ,
332
+ routePathExact : false ,
333
+ routeComp : Setting ,
334
+ icon : ( { selected, ...otherProps } ) => selected ? < HomeSettingIcon { ...otherProps } width = { "24px" } /> : < HomeSettingIcon { ...otherProps } width = { "24px" } /> ,
335
+ visible : ( { user } ) => user . orgDev ,
336
+ onSelected : ( _ , currentPath ) => currentPath . split ( "/" ) [ 1 ] === "setting" ,
337
+ }
338
+ ]
339
+ } ,
338
340
339
- {
340
- items : [
341
- {
342
- text : < TabLabel > { trans ( "home.trash" ) } </ TabLabel > ,
343
- routePath : TRASH_URL ,
344
- routeComp : TrashView ,
345
- icon : ( { selected, ...otherProps } ) => selected ? < RecyclerIcon { ...otherProps } width = { "24px" } /> : < RecyclerIcon { ...otherProps } width = { "24px" } /> ,
346
- visible : ( { user } ) => user . orgDev ,
347
- } ,
348
- ] ,
349
- } ,
341
+ {
342
+ items : [
343
+ {
344
+ text : < TabLabel > { trans ( "home.trash" ) } </ TabLabel > ,
345
+ routePath : TRASH_URL ,
346
+ routeComp : TrashView ,
347
+ icon : ( { selected, ...otherProps } ) => selected ? < RecyclerIcon { ...otherProps } width = { "24px" } /> : < RecyclerIcon { ...otherProps } width = { "24px" } /> ,
348
+ visible : ( { user } ) => user . orgDev ,
349
+ } ,
350
+ ] ,
351
+ } ,
350
352
351
- // this we need to show the Folders view in the Admin Area
352
- {
353
- items : [
354
- {
355
- text : "" ,
356
- routePath : FOLDER_URL ,
357
- routeComp : FolderView ,
358
- visible : ( ) => false ,
359
- }
360
- ]
361
- }
353
+ // this we need to show the Folders view in the Admin Area
354
+ {
355
+ items : [
356
+ {
357
+ text : "" ,
358
+ routePath : FOLDER_URL ,
359
+ routeComp : FolderView ,
360
+ visible : ( ) => false ,
361
+ }
362
+ ]
363
+ }
362
364
363
- ] }
364
- />
365
+ ] }
366
+ />
367
+ </ SubscriptionContextProvider >
365
368
</ DivStyled >
366
369
) ;
367
370
}
0 commit comments