diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/pom.xml b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/pom.xml index 5ee7393cd1..d5af449477 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/pom.xml +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/pom.xml @@ -66,7 +66,6 @@ generate-resources ${node.version} - ${npm.version} @@ -101,46 +100,6 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/.npmrc b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/.npmrc new file mode 100644 index 0000000000..f7425e8e44 --- /dev/null +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/.npmrc @@ -0,0 +1 @@ +registry=http://nexus.entgra.io/repository/npm-group/ diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/package.json b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/package.json index df1743f096..49eae0fc0d 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/package.json +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/package.json @@ -10,15 +10,17 @@ }, "license": "Apache License 2.0", "dependencies": { + "@ant-design/compatible": "^1.0.0", "@ant-design/dark-theme": "^0.2.2", "@ant-design/icons": "^4.0.6", "@babel/polyfill": "^7.6.0", "acorn": "^6.2.0", - "antd": "^3.23.6", + "antd": "^4.0.0", "axios": "^0.19.0", "babel-eslint": "^9.0.0", "d3": "^5.9.7", "dagre": "^0.8.4", + "entgra-icons-react": "^1.0.0", "eslint": "^5.16.0", "eslint-plugin-import": "^2.18.2", "eslint-plugin-jsx-a11y": "^6.2.3", @@ -58,6 +60,7 @@ "chai": "^4.1.2", "cross-env": "^7.0.0", "css-loader": "^0.28.11", + "entgra-icons": "^1.4.0", "eslint": "^5.16.0", "eslint-config-prettier": "4.3.0", "eslint-plugin-babel": "5.3.0", diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/public/conf/config.json b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/public/conf/config.json index 93174ff827..de1726ce39 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/public/conf/config.json +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/public/conf/config.json @@ -18,73 +18,69 @@ }, "defaultPlatformIcons": { "default": { - "icon": "global", - "color": "#535c68", - "theme": "outlined" + "icon": "fw-globe", + "color": "#535c68" }, "android": { - "icon": "android", - "color": "#7db343", - "theme": "filled" + "icon": "fw-android", + "color": "#7db343" }, "ios": { - "icon": "apple", - "color": "#535c68", - "theme": "filled" + "icon": "fw-apple", + "color": "#535c68" }, "windows": { - "icon": "windows", - "color": "#008cc4", - "theme": "filled" + "icon": "fw-windows", + "color": "#008cc4" } }, "lifecycle": { "CREATED": { "title": "Created", "text": "The initial most state of an application.\n You can only proceed to one of the following states:", - "icon": "file-text", + "icon": "fw-document", "step": 0 }, "IN-REVIEW": { "title": "In-Review", "text": "In this state the application is being reviewed by approvers. You can move from this state to APPROVED state if it is approved by reviewers. Otherwise, you can move the application into either REJECTED state or CREATED state based on the feedback getting by reviewers.", - "icon": "audit", + "icon": "fw-throttling-policy", "step": 1 }, "APPROVED": { "title": "Approved", "text": "The approved state is a compulsory state prior to publishing the application.\n You can only proceed to one of the following states:", - "icon": "file-done", + "icon": "fw-check", "step": 2 }, "PUBLISHED": { "title": "Published", "text": "The state which is applied for applications which are qualified for your Corporate App Store. Only the applications of Published state can be installed to your corporate devices.\n You can only proceed to one of the following states:", - "icon": "global", + "icon": "fw-globe", "step": 3 }, "BLOCKED": { "title": "Blocked", "text": "This state allows you to block your application either to publish or deprecate at a future date.\n You can only proceed to one of the following states:", - "icon": "exception", + "icon": "fw-lock", "step": 4 }, "DEPRECATED": { "title": "Deprecated", "text": "The applications which are outdated and no longer suit your app store.\n You can only proceed to one of the following states:", - "icon": "file-excel", + "icon": "fw-warning", "step": 5 }, "REJECTED": { "title": "Rejected", "text": "The Approvers can reject an application due to a faulty of the app or not being in compliance with company policies.\n You can only proceed to one of the following states:", - "icon": "frown", + "icon": "fw-error", "step": 6 }, "RETIRED": { "title": "Retired", "text": "The final state of an application, where no transition of states will be allowed after this.", - "icon": "rest", + "icon": "fw-delete", "step": 7 } }, diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/components/Logout/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/components/Logout/index.js index 1d94718fd1..f41e654bcc 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/components/Logout/index.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/components/Logout/index.js @@ -17,7 +17,8 @@ */ import React from 'react'; -import { notification, Menu, Icon } from 'antd'; +import { LogoutOutlined } from '@ant-design/icons'; +import { notification, Menu } from 'antd'; import axios from 'axios'; import { withConfigContext } from '../../../../components/ConfigContext'; @@ -70,7 +71,7 @@ class Logout extends React.Component { return ( - + Logout diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/index.js index 983e74c07b..080ac912b6 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/index.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/index.js @@ -17,7 +17,19 @@ */ import React from 'react'; -import { Layout, Menu, Icon, Drawer, Button } from 'antd'; + +import { + AndroidFilled, + AppstoreOutlined, + ControlOutlined, + PlusOutlined, + SettingOutlined, + UserOutlined, + MenuFoldOutlined, + MenuUnfoldOutlined, +} from '@ant-design/icons'; + +import { Layout, Menu, Drawer, Button } from 'antd'; import { Switch, Link } from 'react-router-dom'; import RouteWithSubRoutes from '../../components/RouteWithSubRoutes'; import { Redirect } from 'react-router'; @@ -81,7 +93,7 @@ class Dashboard extends React.Component { > - + Apps @@ -92,7 +104,7 @@ class Dashboard extends React.Component { - + Add New App } @@ -118,21 +130,20 @@ class Dashboard extends React.Component { - + Manage } > - General + General {this.config.androidEnterpriseToken != null && ( - Android - Enterprise + Android Enterprise )} @@ -142,7 +153,7 @@ class Dashboard extends React.Component { className="profile" title={ - + {this.config.username} } @@ -157,10 +168,11 @@ class Dashboard extends React.Component {
@@ -194,14 +206,14 @@ class Dashboard extends React.Component { > - + Apps - + Add New App } @@ -223,7 +235,7 @@ class Dashboard extends React.Component { - + Manage @@ -238,7 +250,7 @@ class Dashboard extends React.Component { - + } > diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppDetailsForm/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppDetailsForm/index.js index 3be2c38fc6..4219e5fcd6 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppDetailsForm/index.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppDetailsForm/index.js @@ -17,7 +17,9 @@ */ import React from 'react'; -import { Alert, Button, Col, Form, Input, Row, Select, Spin } from 'antd'; +import { Form } from '@ant-design/compatible'; +import '@ant-design/compatible/assets/index.css'; +import { Alert, Button, Col, Input, Row, Select, Spin } from 'antd'; import axios from 'axios'; import { withConfigContext } from '../../../../../../../../components/ConfigContext'; import { handleApiError } from '../../../../../../../../services/utils/errorHandler'; diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppUploadForm/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppUploadForm/index.js index 1073adbd78..32368cb26a 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppUploadForm/index.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppUploadForm/index.js @@ -17,11 +17,12 @@ */ import React from 'react'; +import { MinusOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons'; +import { Form } from '@ant-design/compatible'; +import '@ant-design/compatible/assets/index.css'; import { Button, Col, - Form, - Icon, Input, Row, Select, @@ -280,7 +281,7 @@ class NewAppUploadForm extends React.Component { } = this.state; const uploadButton = (
- +
Select
); @@ -315,7 +316,7 @@ class NewAppUploadForm extends React.Component { > {binaryFiles.length !== 1 && ( )} , @@ -577,7 +578,7 @@ class NewAppUploadForm extends React.Component {