diff --git a/packages/login/package.json b/packages/login/package.json index bb817d52..b9217e5c 100644 --- a/packages/login/package.json +++ b/packages/login/package.json @@ -20,6 +20,7 @@ "@typescript-eslint/eslint-plugin": "^4.8.1", "@typescript-eslint/parser": "^4.8.1", "babel-loader": "^8.2.2", + "brotli-webpack-plugin": "^1.1.0", "clean-webpack-plugin": "^3.0.0", "css-loader": "^5.0.1", "eslint": "^7.14.0", @@ -34,12 +35,12 @@ "typescript": "^4.1.2", "url-loader": "^4.1.1", "webpack": "^5.6.0", + "webpack-bundle-analyzer": "^4.2.0", "webpack-cli": "^4.2.0", "webpack-dev-server": "^3.11.0" }, "dependencies": { "axios": "^0.21.0", - "file-loader": "^6.2.0", "react": "^17.0.1", "react-dom": "^17.0.1", "react-intl": "^5.10.6", diff --git a/packages/login/src/app.tsx b/packages/login/src/app.tsx index 090c618f..f5ae125c 100644 --- a/packages/login/src/app.tsx +++ b/packages/login/src/app.tsx @@ -7,6 +7,7 @@ import { Route, Switch, Redirect, + BrowserRouter as Router, } from 'react-router-dom'; function loadLocaleData(language: string) { @@ -39,17 +40,16 @@ const App = () => { return messages ? ( - - - - - - - - - - - + + + + + + + + + + ) :
loading
} diff --git a/packages/login/src/components/Header.tsx b/packages/login/src/components/Header.tsx index c53e30ce..dbc5f539 100644 --- a/packages/login/src/components/Header.tsx +++ b/packages/login/src/components/Header.tsx @@ -1,5 +1,6 @@ import React from 'react'; import { FormattedMessage } from 'react-intl' +import { Link } from 'react-router-dom' const logo = require('../images/header-logo.png') @@ -33,7 +34,7 @@ class Header extends React.Component { return (