feat: add and turn on env

meta: development

Author: ChernoSlava

.env

@@ -0,0 +1,17 @@
+REACT_APP_APP_NAME=CloneReact
+REACT_APP_ENV=example
+REACT_APP_APP_URL=http://localhost:3000
+
+REACT_APP_API_KEY=test-key
+REACT_APP_BACKEND_URL=http://localhost:8080
+
+REACT_APP_LOG_LEVEL=
+
+REACT_APP_LOGO_LINK='https://point.md/static/svg/new-point-logo.svg'
+
+REACT_APP_DB_CONNECTION=
+REACT_APP_DB_HOST=
+REACT_APP_DB_PORT=
+REACT_APP_DB_DATABASE=
+REACT_APP_DB_USERNAME=
+REACT_APP_DB_PASSWORD=

src/components/AppLayout/AppLayout.tsx

@@ -2,16 +2,20 @@ import React from 'react';
 import { Outlet, Link } from 'react-router-dom';
 
 import { AppStyled, MainLogoStyled } from './styled';
+import { LOGO_URL } from '@constants/index';
 
 
 export const AppLayout: React.FC<{
   children: React.ReactElement | null;
 }> = ({ children }): JSX.Element => {
+  
+  const logoLink = process.env.REACT_APP_LOGO_LINK || LOGO_URL;
+
   return (
     <>
       <AppStyled>
         <Link to="/">
-          <MainLogoStyled src='https://point.md/static/svg/new-point-logo.svg' alt='Point logo' />
+          <MainLogoStyled src={logoLink} alt='Point logo' />
         </Link>
         <Outlet />
         {children}

src/constants/constants.ts

@@ -1,3 +1,3 @@
 export const NEWS_IMAGE_URL = `https://i.simpalsmedia.com/point.md/news/370x194/`;
 export const NEWS_BIG_IMAGE_URL = `https://i.simpalsmedia.com/point.md/news/900x900/`;
-
+export const LOGO_URL = `https://point.md/static/svg/new-point-logo.svg`;

src/constants/index.ts

@@ -1 +1 @@
-export { NEWS_IMAGE_URL, NEWS_BIG_IMAGE_URL } from './constants';
+export { NEWS_IMAGE_URL, NEWS_BIG_IMAGE_URL, LOGO_URL } from './constants';