Code refactoring

Author: ryoldash

reactjs/_screenshots/dashboard.png

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Col, Icon, Avatar, Menu, Dropdown, Badge } from 'antd';
 import { Link } from 'react-router-dom';
 import LanguageSelect from '../LanguageSelect';
-import './index.css';
+import './index.less';
 import { L } from 'src/lib/abpUtility';
 
 export interface IHeaderProps {

reactjs/src/components/Header/index.css renamed to reactjs/src/components/Header/index.less

@@ -22,14 +22,17 @@ class LanguageSelect extends React.Component<ILanguageSelectProps> {
 
   async changeLanguage(languageName: string) {
     await this.props.userStore!.changeLanguage(languageName);
+
     abp.utils.setCookieValue(
       'Abp.Localization.CultureName',
       languageName,
       new Date(new Date().getTime() + 5 * 365 * 86400000), //5 year
       abp.appPath
     );
+
     location.reload();
   }
+
   get currentLanguage() {
     return abp.localization.currentLanguage;
   }
@@ -46,6 +49,7 @@ class LanguageSelect extends React.Component<ILanguageSelectProps> {
         ))}
       </Menu>
     );
+
     return (
       <Dropdown overlay={langMenu} placement="bottomRight">
         <Icon type="global" className={classNames('dropDown', 'className')} title={L('Languages')} />

reactjs/src/components/Header/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Layout } from 'antd';
-import './AppLayout.css';
+import './AppLayout.less';
 import { Switch, Redirect } from 'react-router-dom';
 import Header from 'src/components/Header';
 import SiderMenu from 'src/components/SiderMenu';

reactjs/src/components/LanguageSelect/index.tsx

@@ -4,7 +4,6 @@ import { Switch, Route, Redirect } from 'react-router-dom';
 import utils from 'src/utils/utils';
 import { userRouter } from '../Router/router.config';
 import { Col } from 'antd';
-// import "./UserLayout.css";
 import './UserLayout.less';
 import Footer from '../Footer';
 import LanguageSelect from '../LanguageSelect';
@@ -14,6 +13,7 @@ class UserLayout extends React.Component<any> {
     const {
       location: { pathname },
     } = this.props;
+
     return (
       <DocumentTitle title={utils.getPageTitle(pathname)}>
         <Col className="container">

reactjs/src/components/Layout/AppLayout.css renamed to reactjs/src/components/Layout/AppLayout.less

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { Route, Redirect } from 'react-router-dom';
 import { isGranted } from 'src/lib/abpUtility';
-// import { Alert } from 'antd';
-// import { isGranted } from 'src/lib/abpUtility';
 
 const ProtectedRoute = ({ path, component: Component, permission, render, ...rest }: any) => {
   return (

reactjs/src/components/Layout/AppLayout.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Layout, Menu, Icon, Avatar, Col } from 'antd';
 import AbpLogo from 'src/images/abp-logo-long.png';
-import './index.css';
+import './index.less';
 import { appRouters } from 'src/components/Router/router.config';
 import { L, isGranted } from 'src/lib/abpUtility';