fix paths

jsconfig.json

@@ -0,0 +1,8 @@
+{
+   "compilerOptions": {
+      "baseUrl": "src"
+   },
+   "include": [
+      "src"
+   ]
+}

src/App.js

@@ -1,7 +1,9 @@
 import React from "react";
 import { Provider } from "react-redux";
-import ConnectedRouts from "./components/Routers";
-import store from "./reducers";
+
+import ConnectedRouts from "components/Routers";
+import store from "store/reducers";
+
 import "./App.css";
 
 function App() {

src/components/Ava.js

@@ -1,10 +1,16 @@
 import React from "react";
 import { connect } from "react-redux";
+
 import "./Header.css";
-import icon from "../user.png";
 
 function AvaLogo({ link }) {
-	return <img src={link ? "http://localhost:3000/" + link : icon} className='avatar' alt='ava'></img>;
+	return (
+		<img
+			src={link ? "http://localhost:3000/" + link : `${process.env.PUBLIC_URL}/img/user.png`}
+			className='avatar'
+			alt='ava'
+		></img>
+	);
 }
 
 export const ConnectedAvaLogo = connect(state => ({

src/components/Editor.js

@@ -27,7 +27,9 @@ import "ace-builds/src-noconflict/theme-textmate";
 import "ace-builds/src-noconflict/theme-terminal";
 import "ace-builds/src-noconflict/theme-solarized_dark";
 import "ace-builds/src-noconflict/theme-solarized_light";
-import { SelectMode } from "../helpers/SelectMode";
+
+import { SelectMode } from "helpers/SelectMode";
+
 import "./Editor.css";
 
 export const Editor = ({ data = { type: "", name: "", text: "", index: "" }, onChange, theme, font }) => {

src/components/EditorsPage.js

@@ -1,8 +1,10 @@
 import { useState, useEffect } from "react";
-import { Editor } from "../components/Editor";
-import { SelectTheme } from "../helpers/SelectTheme";
-import { SelectFontSize } from "../helpers/SelectFontSize";
+
+import { SelectTheme } from "helpers/SelectTheme";
+import { SelectFontSize } from "helpers/SelectFontSize";
+
 import "./EditorsPage.css";
+import { Editor } from "./Editor";
 
 const datas = [
 	{

src/components/Header.js

@@ -1,7 +1,8 @@
+import { ConnectFormUpload } from "pages/FormUpload";
+
+import "./Header.css";
 import ImgLogo from "./Logo";
 import ConnectedNick from "./UserHeader";
-import { ConnectFormUpload } from "../pages/FormUpload";
-import "./Header.css";
 
 const Header = () => {
 	return (

src/components/Logo.js

@@ -1,5 +1,5 @@
 import React from "react";
-import logo from "../logo.png";
+
 import "./Header.css";
 
 function ImgLogo() {
@@ -7,7 +7,7 @@ function ImgLogo() {
 		<>
 			<a href='/work'>
 				{" "}
-				<img src={logo} alt='logo' className='img_logo' />
+				<img src={`${process.env.PUBLIC_URL}/img/logo.png`} alt='logo' className='img_logo' />
 			</a>
 			<a href='/search'>
 				<button className='button_search'>Search</button>

src/components/Routers.js

@@ -2,16 +2,17 @@ import React from "react";
 import { BrowserRouter as Router, Route, Switch, Redirect } from "react-router-dom";
 import * as createHistory from "history";
 import { connect } from "react-redux";
-import { actionFullLogin } from "../actions/actionFullLogin";
-import { actionFullRegister } from "../actions/actionFullRegister";
-import { LoginForm } from "../pages/LoginForm";
-import { FormReg } from "../pages/FormReg";
-import { Main } from "../pages/Main";
-import { Home } from "../pages/WorkPage";
-import { Cabinet } from "../pages/Cabinet";
-import ConnectFormSearch from "../pages/Search";
-import CProjects from "../pages/Projects";
-import ConnectedProject from "../pages/Project";
+
+import { actionFullLogin } from "store/actions/actionFullLogin";
+import { actionFullRegister } from "store/actions/actionFullRegister";
+import { LoginForm } from "pages/LoginForm";
+import { FormReg } from "pages/FormReg";
+import { Main } from "pages/Main";
+import { Home } from "pages/WorkPage";
+import { Cabinet } from "pages/Cabinet";
+import ConnectFormSearch from "pages/Search";
+import CProjects from "pages/Projects";
+import ConnectedProject from "pages/Project";
 
 const history = createHistory.createBrowserHistory();
 

src/components/UserHeader.js

@@ -1,5 +1,7 @@
 import { connect } from "react-redux";
-import { actionAuthLogout } from "../actions/actionAuthLogout";
+
+import { actionAuthLogout } from "store/actions/actionAuthLogout";
+
 import "./Header.css";
 
 const NickName = ({ nick, onLogOut }) => {

src/index.js

@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
+
 import "./index.css";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";

src/pages/Cabinet.js

@@ -1,5 +1,7 @@
 import React from "react";
-import ConnectedNick from "../components/UserHeader";
+
+import ConnectedNick from "components/UserHeader";
+
 import { ConnectFormUpload } from "./FormUpload";
 import "./Main.css";
 

src/pages/FormReg.js

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+
 import "./LoginReg.css";
 
 export const FormReg = ({ FormReg }) => {

src/pages/FormUpload.js

@@ -1,7 +1,9 @@
 import { connect } from "react-redux";
-import { actionFullAva } from "../actions/actionFullAva";
 import { useDropzone } from "react-dropzone";
-import { ConnectedAvaLogo } from "../components/Ava";
+
+import { actionFullAva } from "store/actions/actionFullAva";
+import { ConnectedAvaLogo } from "components/Ava";
+
 import "./FormUpload.css";
 
 const FormUpload = ({ onUpload }) => {

src/pages/LoginForm.js

@@ -1,4 +1,5 @@
 import { useState } from "react";
+
 import "./LoginReg.css";
 
 export const LoginForm = ({ onLogin }) => {

src/pages/Project.js

@@ -1,11 +1,11 @@
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { connect } from "react-redux";
-import { actionSnippetById } from "./../actions/actionSnippetById";
-import { useState } from "react";
-import { Editor } from "../components/Editor";
-import "../components/EditorsPage.css";
 import { Link } from "react-router-dom";
 
+import { actionSnippetById } from "store/actions/actionSnippetById";
+import { Editor } from "components/Editor";
+import "components/EditorsPage.css";
+
 //  const [editors, setEditors] = useState(datas);
 //   const [title, setTitle] = useState("");
 //   const [description, setDescription] = useState("");

src/pages/Projects.js

@@ -1,6 +1,5 @@
 import { connect } from "react-redux";
 import { Link } from "react-router-dom";
-import code from "../../src/code.png";
 
 const Projects = ({ snippets }) => {
 	return snippets ? (
@@ -23,7 +22,7 @@ const Projects = ({ snippets }) => {
 			<div className='snippet_block'>
 				{snippets?.map((key, index) => (
 					<div className='snippet'>
-						<img src={code} alt='code'></img>
+						<img src={`${process.env.PUBLIC_URL}/img/code.png`} alt='code'></img>
 						<div className='block_content'>
 							<p>{`Name: ${snippets?.[index]?.title}` || "Project without name"}</p>
 							<p>{`Description: ${snippets?.[index]?.description}` || ""}</p>

src/pages/Search.js

@@ -1,8 +1,9 @@
-import { actionSearch } from "../actions/actionSearch";
+import { useState } from "react";
 import { Link } from "react-router-dom";
 import { connect } from "react-redux";
-import { useState } from "react";
-import code from "../../src/code.png";
+
+import { actionSearch } from "store/actions/actionSearch";
+
 import "./Main.css";
 
 const Search = ({ onSearch, snippets }) => {
@@ -35,7 +36,7 @@ const Search = ({ onSearch, snippets }) => {
 			<div className='snippet_block'>
 				{snippets?.map((key, index) => (
 					<div key={key} className='snippet'>
-						<img src={code} alt='code'></img>
+						<img src={`${process.env.PUBLIC_URL}/img/code.png`} alt='code'></img>
 						<div className='block_content'>
 							<p>{`Name: ${snippets?.[index]?.title}` || "Project without name"}</p>
 							<p>{`Description: ${snippets?.[index]?.description}` || ""}</p>

src/pages/WorkPage.js

@@ -1,7 +1,8 @@
-import { EditorsPage } from "../components/EditorsPage";
-import { actionSnippetAdd } from "../actions/actionSnippetAdd";
 import { connect } from "react-redux";
-import Header from "../components/Header";
+
+import Header from "components/Header";
+import { EditorsPage } from "components/EditorsPage";
+import { actionSnippetAdd } from "store/actions/actionSnippetAdd";
 
 export const Home = () => {
 	return (

src/reducers/index.js

@@ -1,7 +1,9 @@
 import { createStore, combineReducers, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
+
 import authReducer from "./auth";
 import promiseReducer from "./promise";
+
 import { actionSnippetFindByOwner } from "../actions/actionSnippetFindByOwner";
 import { actionFindUser } from "../actions/actionFindUser";