react store 1.0

src/App.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Router } from 'react-router-dom';
 import createHistory from "history/createBrowserHistory";
 import MainPage from "./pages/MainPage";

src/components/Breadcrumbs.jsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Breadcrumbs from '@mui/material/Breadcrumbs';
 import Link from "react-router-dom/es/Link";
 import Stack from '@mui/material/Stack';

src/components/CPRoute.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {connect} from "react-redux";
 import {Redirect} from "react-router-dom";
 import Route from "react-router-dom/es/Route";

src/components/Footer/Contact.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Link, Typography} from "@mui/material";
 
 export const Contact = ({Icon, text, link}) => {

src/components/Footer/Footer.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import LocalPhoneIcon from "@mui/icons-material/LocalPhone";
 import LocationOnIcon from "@mui/icons-material/LocationOn";
 import EmailIcon from "@mui/icons-material/Email";

src/components/Header.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {AppBar, Box, Toolbar, IconButton, Typography, Menu, Container, Avatar, Button, Tooltip, MenuItem, Badge} from '@mui/material';
 import MenuIcon from '@mui/icons-material/Menu';
 import SearchIcon from '@mui/icons-material/Search';

src/components/NotFoundBlock.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Container, Typography, useMediaQuery} from "@mui/material";
 import imgUrl from "../img/not-found/1.png";
 

src/components/SetCount.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Button} from "@mui/material";
 import {useEffect, useState} from "react";
 

src/components/TableLine.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Button, Grid, Typography} from "@mui/material";
 import Link from "react-router-dom/es/Link";
 import {backURL} from "../actions/PathDB";

src/components/Title.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Typography} from "@mui/material";
 import rom from "../img/our-team/romb.png";
 

src/pages/404Page.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import Breadcrumbs from "../components/Breadcrumbs";
 import {NotFoundBlock} from "../components/NotFoundBlock";
 

src/pages/AboutUsPage/AboutUsPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Container, Grid, Typography, useMediaQuery} from "@mui/material";
 import Breadcrumb from "../../components/Breadcrumbs";
 import Title from "../../components/Title";

src/pages/AboutUsPage/BlockContentItem.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Grid, Typography} from "@mui/material";
 
 export const BlockContentItem = ({content}) => {

src/pages/AboutUsPage/BlockQualityItem.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Grid, Typography} from "@mui/material";
 import Title from "../../components/Title";
 

src/pages/AdminPage/AdminPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {
     BottomNavigationAction,
     Container,

src/pages/AdminPage/CategoriesTab/CategoryFound.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useState} from "react";
 import {Button} from "@mui/material";
 import Box from "@mui/material/Box";

src/pages/AdminPage/CategoriesTab/FindCategoryEdit.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useState} from "react";
 import {CircularProgress, Container, IconButton, InputAdornment, TextField} from "@mui/material";
 import Typography from "@mui/material/Typography";

src/pages/AdminPage/ClientsTab/ClientsCart.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Avatar, Card, CardContent, CardHeader, Collapse} from "@mui/material";
 import {backURL} from "../../../actions/PathDB";
 import userDefault from "../../../img/header/userDefault.png";

src/pages/AdminPage/ClientsTab/ClientsTab.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useEffect, useState} from "react";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";

src/pages/AdminPage/ClientsTab/ItemAccordion.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import Typography from "@mui/material/Typography";
 
 export const ItemAccordion = ({text, size='h6'}) => {

src/pages/AdminPage/ClientsTab/ItemAvatar.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Avatar} from "@mui/material";
 import {backURL} from "../../../actions/PathDB";
 import userDefault from "../../../img/header/userDefault.png";

src/pages/AdminPage/GoodsTab/FindGoodEdit.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useState} from "react";
 import {CircularProgress, Container, IconButton, InputAdornment, TextField} from "@mui/material";
 import Typography from "@mui/material/Typography";

src/pages/AdminPage/GoodsTab/GoodEdit.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useEffect, useState} from "react";
 import {useDropzone} from "react-dropzone";
 import {sortableContainer, sortableElement} from "react-sortable-hoc";

src/pages/AdminPage/GoodsTab/ItemFound.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useState} from "react";
 import {Button} from "@mui/material";
 import Box from "@mui/material/Box";

src/pages/AdminPage/GoodsTab/NotFound.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import Typography from "@mui/material/Typography";
 
 export const NotFound = () => {

src/pages/CartPage/BlockTotal.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Button, Divider, Typography} from "@mui/material";
 import {connect} from "react-redux";
 import {TotalPriceLine} from "./TotalPriceLine";

src/pages/CartPage/CartGoodLine.jsx

@@ -1,5 +1,6 @@
+import React from 'react';
 import {useEffect, useState} from "react";
-import {Grid, Typography} from "@mui/material";
+import {Grid} from "@mui/material";
 import {ItemHeaderLine, LinkProductItem, RemoveFromList} from "../../components/TableLine";
 import {SetCount} from "../../components/SetCount";
 

src/pages/CartPage/CartPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Button, Container, Divider, Grid, Typography, useMediaQuery} from "@mui/material";
 import {useEffect, useState} from "react";
 import Breadcrumb from "../../components/Breadcrumbs";

src/pages/CartPage/TotalPriceLine.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Grid, Typography} from "@mui/material";
 
 export const TotalPriceLine = ({title, subtitle, sizeSubtitle='body2'}) => {

src/pages/Catalog/CatalogPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Container, Grid, useMediaQuery} from "@mui/material";
 import {useEffect} from "react";
 import Breadcrumb from "../../components/Breadcrumbs";

src/pages/Catalog/CategoryAside.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useState} from "react";
 import Link from "react-router-dom/es/Link";
 import {Accordion, AccordionDetails, AccordionSummary, Grid, Typography} from "@mui/material";

src/pages/Catalog/Goods.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {
     Box,
     Button,

src/pages/FAQPage/AccordionsItem.jsx

@@ -1,4 +1,11 @@
-import {Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery} from "@mui/material";
+import React from 'react';
+import {
+    Accordion,
+    AccordionDetails,
+    AccordionSummary,
+    Typography,
+    useMediaQuery}
+    from "@mui/material";
 import {useState} from "react";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 

src/pages/FAQPage/FAQPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Container, useMediaQuery} from "@mui/material";
 import Breadcrumbs from "../../components/Breadcrumbs";
 import {AccordionsItem} from "./AccordionsItem";

src/pages/MainPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Redirect} from "react-router-dom";
 
 const MainPage = () => {

src/pages/MyAccountPage/Form.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Button, TextField, Typography, useMediaQuery} from "@mui/material";
 import {useState} from "react";
 import UnstyledButtonCustom from "../../components/MainButton";

src/pages/MyAccountPage/MyAccountPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Container, Typography, useMediaQuery} from "@mui/material";
 import {useState} from "react";
 import Breadcrumb from "../../components/Breadcrumbs";

src/pages/MyOrdersPage/AccordionHeaderText.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Typography} from "@mui/material";
 
 export const AccordionHeaderText = ({columnText, content}) => {

src/pages/MyOrdersPage/AccordionItem.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useState} from "react";
 import {Accordion, AccordionDetails, AccordionSummary, Box, Divider, Grid, Typography} from "@mui/material";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";

src/pages/MyOrdersPage/MainOrders.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useEffect, useState} from "react";
 import {Box, CircularProgress, Divider, Pagination, Typography} from "@mui/material";
 import {NotFoundBlock} from "../../components/NotFoundBlock";

src/pages/MyOrdersPage/MyOrdersPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Container, useMediaQuery} from "@mui/material";
 import Breadcrumb from "../../components/Breadcrumbs";
 import {CMainOrders} from "./MainOrders";

src/pages/OurTeamPage/ItemTeam.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Grid, Typography} from "@mui/material";
 import imgNotFound from "../../img/catalog/imgNotFound.png";
 import romb from "../../img/our-team/romb.png";

src/pages/OurTeamPage/OurTeamPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import FacebookIcon from "@mui/icons-material/Facebook";
 import InstagramIcon from "@mui/icons-material/Instagram";
 import TwitterIcon from "@mui/icons-material/Twitter";

src/pages/PrivacyPolicyPage/BlockPolicy.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Typography} from "@mui/material";
 
 export const BlockPolicy = ({title, children, breakpoint}) => {

src/pages/PrivacyPolicyPage/FullBlock.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Typography} from "@mui/material";
 
 export const FullBlock = ({title, children, breakpoint}) => {

src/pages/PrivacyPolicyPage/PrivacyPolicyPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Container, Link, Typography, useMediaQuery} from "@mui/material";
 import Breadcrumbs from "../../components/Breadcrumbs";
 import {FullBlock} from "./FullBlock";

src/pages/ProductPage/AddToCart.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useEffect, useState} from "react";
 import {Box, Button, Grid} from "@mui/material";
 import {SetCount} from "../../components/SetCount";

src/pages/ProductPage/AddToWishList.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Button, Typography} from "@mui/material";
 import FavoriteIcon from "@mui/icons-material/Favorite";
 import FavoriteBorderIcon from "@mui/icons-material/FavoriteBorder";

src/pages/ProductPage/BlockProduct.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useEffect} from "react";
 import Breadcrumb from "../../components/Breadcrumbs";
 import {Container} from "@mui/material";

src/pages/ProductPage/CarouselItem.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import Carousel from "react-material-ui-carousel";
 import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
 import ArrowBackIosNewIcon from "@mui/icons-material/ArrowBackIosNew";

src/pages/ProductPage/Goods.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, CircularProgress, Divider, Grid, useMediaQuery} from "@mui/material";
 import Link from "react-router-dom/es/Link";
 import {connect} from "react-redux";

src/pages/ProductPage/ImageItem.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {backURL} from "../../actions/PathDB";
 import imgNotFound from "../../img/catalog/imgNotFound.png";
 

src/pages/ProductPage/ProductDescription.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Typography} from "@mui/material";
 
 export const ProductDescription = ({description}) => {

src/pages/ProductPage/ProductPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import Switch from "react-router-dom/es/Switch";
 import Route from "react-router-dom/es/Route";
 import Page404 from "../404Page";

src/pages/ProductPage/ProductPrice.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Typography} from "@mui/material";
 
 export const ProductPrice = ({price}) => {

src/pages/ProductPage/ProductTags.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Typography} from "@mui/material";
 
 export const ProductTags = ({title, subtitle}) => {

src/pages/ProductPage/ProductTitle.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Typography} from "@mui/material";
 
 export const ProductTitle = ({title}) => {

src/pages/ProfilePage/AccountDetails.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useState} from "react";
 import {Avatar, Grid, Typography} from "@mui/material";
 import {backURL} from "../../actions/PathDB";

src/pages/ProfilePage/FormUpload.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useState} from "react";
 import {Button, Grid, TextField} from "@mui/material";
 import SendAndArchiveIcon from "@mui/icons-material/SendAndArchive";

src/pages/ProfilePage/ItemTabsAccountDefault.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Grid, Typography, useMediaQuery} from "@mui/material";
 
 export const ItemTabsAccountDefault = ({title, content}) => {

src/pages/ProfilePage/MyDropzone.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {useEffect, useState} from "react";
 import {useDropzone} from "react-dropzone";
 import {Box, Typography} from "@mui/material";

src/pages/ProfilePage/ProfilePage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Container, Typography, useMediaQuery} from "@mui/material";
 import PropTypes from "prop-types";
 import {useState} from "react";

src/pages/SearchPage/ItemFound.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import Link from "react-router-dom/es/Link";
 import {Box, Typography} from "@mui/material";
 import {backURL} from "../../actions/PathDB";

src/pages/SearchPage/NotFound.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Typography} from "@mui/material";
 
 export const NotFound = () => {

src/pages/SearchPage/SearchPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {
     CircularProgress,
     Container,

src/pages/WishListPage/MainWishList.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {Box, Container, Divider, Typography, useMediaQuery} from "@mui/material";
 import {TableLine} from "../../components/TableLine";
 import {NotFoundBlock} from "../../components/NotFoundBlock";

src/pages/WishListPage/WishListPage.jsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import Breadcrumb from "../../components/Breadcrumbs";
 import {CMainWishList} from "./MainWishList";