Reorganize packages location

packages/login/package.json

@@ -39,10 +39,11 @@
     },
     "dependencies": {
         "axios": "^0.21.0",
+        "file-loader": "^6.2.0",
         "react": "^17.0.1",
         "react-dom": "^17.0.1",
         "react-intl": "^5.10.6",
         "react-recaptcha-v3": "^2.0.1",
         "react-router-dom": "^5.2.0"
     }
-}
+}

packages/login/src/app.tsx

@@ -1,12 +1,12 @@
 import React, { useEffect, useState } from 'react';
-import LoginPage from './LoginPage';
+import LoginPage from './components/LoginPage';
-import { RegistrationSuccessPage, RegistationFormPage } from './RegistrationPage';
+import { RegistrationSuccessPage, RegistationFormPage } from './components/RegistrationPage';
 import { IntlProvider } from 'react-intl'
 
 import {
   Route,
   Switch,
-  Redirect
+  Redirect,
 } from 'react-router-dom';
 
 function loadLocaleData(language: string) {

packages/login/src/components/Header.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl'
 
-//const logo = require('./images/header-logo.png')
+//const logo = require('../images/header-logo.png')
 
 interface HeaderProps {
   type: string;
@@ -33,7 +33,7 @@ class Header extends React.Component<HeaderProps, HeaderProps> {
     return (
       <nav>
         <div className="header">
-          <span className="header-logo"><a href="/"><img src="" alt="logo" /></a></span>
+          <span className="header-logo"><a href="/"><img src={"logo"} alt="logo" /></a></span>
           {text}
           {signUpButton}
           {signInButton}

packages/login/src/components/LoginPage.tsx

@@ -4,7 +4,7 @@ import { FormattedMessage, useIntl } from 'react-intl'
 import Header from './Header'
 import Footer from './Footer'
 
-const css = require('./css/login.css')
+const css = require('../css/login.css')
 
 
 

packages/login/src/components/RegistrationPage.tsx

@@ -8,7 +8,7 @@ import { ReCaptcha } from 'react-recaptcha-v3'
 import Header from './Header';
 import Footer from './Footer';
 
-const css = require('./css/registration.css');
+const css = require('../css/registration.css');
 
 
 interface ErrorMessageDialogProps {

yarn.lock

@@ -4390,7 +4390,7 @@ file-entry-cache@^6.0.0:
   dependencies:
     flat-cache "^3.0.4"
 
-file-loader@~6.2.0:
+file-loader@^6.2.0, file-loader@~6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
   integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==