[change] estela-web: Show the register page based on the REGISTER_PAG…

…E_ENABLED value (bitmakerla#232)

estela-web/.env.development.example

@@ -1 +1,2 @@
-REACT_APP_API_BASE_URL=http://localhost:8000
+REACT_APP_API_BASE_URL=http://localhost:8000
+REGISTER_PAGE_ENABLED=true

estela-web/src/constants.ts

@@ -1 +1,2 @@
 export const API_BASE_URL = process.env.REACT_APP_API_BASE_URL;
+export const REGISTER_PAGE_ENABLED = process.env.REGISTER_PAGE_ENABLED === "true";

estela-web/src/pages/LoginPage/index.tsx

@@ -9,6 +9,7 @@ import { ApiAuthLoginRequest, Token } from "../../services/api";
 import { handleInvalidDataError } from "../../utils";
 import { UserContext, UserContextProps } from "../../context";
 import { EstelaBanner } from "../../components";
+import { REGISTER_PAGE_ENABLED } from "../../constants";
 
 const { Content } = Layout;
 const { Text } = Typography;
@@ -105,14 +106,16 @@ export class LoginPage extends Component<unknown, LoginState> {
                         >
                             Log in
                         </Button>
-                        <Content className="text-center text-base m-5">
-                            <p>If you don&apos;t have an account. You can</p>
-                            <p>
-                                <Link className="text-estela text-base font-bold underline" to="/register">
-                                    register here
-                                </Link>
-                            </p>
-                        </Content>
+                        {REGISTER_PAGE_ENABLED && (
+                            <Content className="text-center text-base m-5">
+                                <p>If you don&apos;t have an account. You can</p>
+                                <p>
+                                    <Link className="text-estela text-base font-bold underline" to="/register">
+                                        register here
+                                    </Link>
+                                </p>
+                            </Content>
+                        )}
                     </Form>
                 </Content>
             </Content>

estela-web/src/routes/index.tsx

@@ -1,6 +1,8 @@
 import React from "react";
 import { Switch, Route, Redirect } from "react-router-dom";
 
+import { REGISTER_PAGE_ENABLED } from "../constants";
+
 import { ActivatedAccountPage } from "../pages/ActivatedAccountPage";
 import { LoginPage } from "../pages/LoginPage";
 import { RegisterPage } from "../pages/RegisterPage";
@@ -34,10 +36,19 @@ export const MainRoutes: React.FC = () => {
                 <Redirect to="/login" />
             </Route>
 
-            <Route path={["/login", "/register", "/forgotPassword", "/resetPassword", "/activatedAccount"]} exact>
+            <Route
+                path={[
+                    "/login",
+                    REGISTER_PAGE_ENABLED ? "/register" : null,
+                    "/forgotPassword",
+                    "/resetPassword",
+                    "/activatedAccount",
+                ].filter(Boolean)}
+                exact
+            >
                 <AuthLayout>
                     <Route path="/login" component={LoginPage} exact />
-                    <Route path="/register" component={RegisterPage} exact />
+                    {REGISTER_PAGE_ENABLED && <Route path="/register" component={RegisterPage} exact />}
                     <Route path="/forgotPassword" component={ForgotPasswordPage} exact />
                     <Route path="/resetPassword" component={ResetPasswordPage} exact />
                     <Route path="/activatedAccount" component={ActivatedAccountPage} exact />