@types/assets.d.ts

@@ -1,5 +0,0 @@
-declare module '*.png' {
-  const imagePath: string;
-
-  export default imagePath;
-}

src/container/list/index.tsx

@@ -1,45 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import Heading from '../../components/heading';
 
 const ListPage = (): React.ReactElement => {
-  const [error, setError] = useState<string>(null);
+  return <Heading>List Page New</Heading>;
-  const [data, setData] = useState<Array<{ id: number; title: string; description: string }>>();
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    const handle = async () => {
-      setIsLoading(true);
-      try {
-        const res = await fetch('/api/list');
-        const data = await res.json();
-        if (res.ok) {
-          setData(data);
-        } else {
-          setError(data.message);
-        }
-      } catch (e) {
-        setError(e.message);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    handle();
-  }, []);
-
-  return (
-    <>
-      <Heading>List Page New</Heading>
-      {isLoading && <div>Loading...</div>}
-      {error && <div>Произошла ошибка</div>}
-      {data?.map((item) => {
-        return (
-          <div key={item.id}>
-            {item.id}: {item.title} - {item.description}
-          </div>
-        );
-      })}
-    </>
-  );
 };
 
 export default ListPage;

src/container/main/components/layout/header.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { getNavigationValue } from '@brojs/cli';
 import { HeaderContainer, NavContainer, NavItem, NavLink } from './index.style';
-import Logo from './logo/logo';
 
 const navigations: Array<{ name: string; href: string }> = [
   {
@@ -17,7 +16,6 @@ const navigations: Array<{ name: string; href: string }> = [
 const Header = (): React.ReactElement => {
   return (
     <HeaderContainer>
-      <Logo />
       <NavContainer>
         {navigations.map((item) => {
           return (

src/container/main/components/layout/index.style.tsx

@@ -1,10 +1,7 @@
 import styled from '@emotion/styled';
 import { NavLink as NavLinkBase } from 'react-router-dom';
 
-export const HeaderContainer = styled('header')`
+export const HeaderContainer = styled('header')``;
-    display: flex;
-    align-items: center;
-`;
 
 export const NavContainer = styled.nav`
   display: flex;

src/container/main/components/layout/logo/logo.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import styled from '@emotion/styled';
-import logoPng from './logo2.png';
-
-const LogoStyled = styled.img`
-  width: 24px;
-  height: 24px;
-  padding: 8px;
-`;
-
-// ${__webpack_public_path__}/remote-assets/logo.png
-
-const Logo = () => {
-  return <LogoStyled src={logoPng} alt={'logo'} />;
-};
-
-export default Logo;

stubs/api/index.js

@@ -1,12 +1,3 @@
 const router = require('express').Router();
-const listRouter = require('./list');
+
 module.exports = router;
-
-const delay =
-  (ms = 1000) =>
-  (req, res, next) => {
-    setTimeout(next, ms);
-  };
-
-router.use(delay());
-router.use('/list', listRouter);

stubs/api/list/data/list.json

@@ -1,7 +0,0 @@
-[
-  { "id": 1, "title": "title", "description": "description" },
-  { "id": 2, "title": "title", "description": "description" },
-  { "id": 3, "title": "title", "description": "description" },
-  { "id": 4, "title": "title", "description": "description" },
-  { "id": 5, "title": "title", "description": "description" }
-]

stubs/api/list/index.js

@@ -1,12 +0,0 @@
-const router = require('express').Router();
-
-module.exports = router;
-
-const data = require('./data/list.json');
-
-router.get('/', (req, res) => {
-  res.send(data);
-  // res.status(500).send({
-  //   message: 'Internal server error'
-  // });
-});