refactor(fdd): move Auth.Page to pages level

#163

Author: azinit

src/features/auth/firebase/auth-github.ts

@@ -14,6 +14,7 @@ const isValidAuthContext = (ctx: any): ctx is AuthContext => {
 
 /**
  * Авторизация Github OAuth через firebase
+ * @remark Стоит использовать только на странице Авторизации!!!
  */
 function authGithub() {
     const provider = new firebase.auth.GithubAuthProvider();

src/features/auth/index.ts

@@ -1,4 +1,4 @@
-export { default as Page } from "./page";
 export { default as User } from "./user";
 export * from "./consts";
 export * from "./hooks";
+export * from "./firebase";

src/features/auth/page/index.scss src/pages/auth/index.scsssrc/features/auth/page/index.scss renamed to src/pages/auth/index.scss

@@ -2,11 +2,8 @@ import React from "react";
 import { GithubFilled } from "@ant-design/icons";
 import { Alert, Card } from "antd";
 import { alert } from "shared/helpers";
-// !!! FIXME: это плохо( + loop imports
-// eslint-disable-next-line import/order
-import { useTitle } from "pages/helpers";
-import { authorizeGithub } from "../firebase";
-import { useAuth } from "../hooks";
+import { Auth } from "features";
+import { useTitle } from "../helpers";
 import "./index.scss";
 
 /**
@@ -17,15 +14,14 @@ import "./index.scss";
  * 1. Авторизация через Github (/authorize)
  * 2. Получение временного кода доступа
  * 3. Получение токена на основании OAuth данных и полученного кода
- * !!! FIXME: move to pages level?
  */
 const AuthPage = () => {
     useTitle("Sign in to Github Client");
-    const { login } = useAuth();
+    const { login } = Auth.useAuth();
 
     // TODO: add ability to specify redirect url
     const authorize = () => {
-        authorizeGithub()
+        Auth.authorizeGithub()
             .then(login)
             .catch((err: Error) => alert.error("Authorization error", err.message));
     };

src/features/auth/page/index.tsx src/pages/auth/index.tsxsrc/features/auth/page/index.tsx renamed to src/pages/auth/index.tsx

@@ -6,6 +6,7 @@ const HomePage = lazy(() => import("./home"));
 const RepositoryPage = lazy(() => import("./repository"));
 const UserPage = lazy(() => import("./user"));
 const SearchPage = lazy(() => import("./search"));
+const AuthPage = lazy(() => import("./auth"));
 
 /**
  * Роутинг приложения
@@ -17,7 +18,7 @@ const Routing = () => {
         return (
             <Switch>
                 <Route exact path={Auth.routes.main} component={HomePage} />
-                <Route exact path={Auth.routes.login} component={Auth.Page} />
+                <Route exact path={Auth.routes.login} component={AuthPage} />
                 <Redirect to={Auth.routes.login} />
             </Switch>
         );