bietkul

import {
 createStore, applyMiddleware, compose, combineReducers,
} from 'redux';
import thunkMiddleware from 'redux-thunk';
import reducer from '../modules/reducers';

let store = null;

const reducers = combineReducers(reducer);

bietkul

import { createStore } from 'redux'

/**
 * This is a reducer, a pure function with (state, action) => state signature.
 * It describes how an action transforms the state into the next state.
 *
 * The shape of the state is up to you: it can be a primitive, an array, an object,
 * or even an Immutable.js data structure. The only important part is that you should
 * not mutate the state object, but return a new object if the state changes.
 *

bietkul

import React from 'react';
import Link from 'next/link';
import { Button } from 'antd';
import { css } from '@emotion/core';
import {
 Content, Footer, Header, Container,
} from '../components/Layout';

const mainCls = css`
  max-width: 1000px;

bietkul

import React from 'react';
import { string } from 'prop-types';
import Link from 'next/link';
import { Menu } from 'antd';

const RightMenu = ({ mode }) => (
  <Menu mode={mode}>
    <Menu.Item key="search">
      <Link href="/search">Search</Link>
    </Menu.Item>

bietkul

import React from 'react';
import { Menu } from 'antd';
import Link from 'next/link';

const LeftMenu = () => (
  <Menu mode="horizontal">
    <Menu.Item key="new_movies">
      <Link href="new-movies">New Movies</Link>
    </Menu.Item>
  </Menu>

bietkul

import { css } from '@emotion/core';

export const headerCls = css`
  background-color: #04070b;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  ul {
    background-color: #04070b;
    li {
      cursor: pointer;
      color: #fff;

bietkul

{
 "presets": ["@emotion/babel-preset-css-prop"],
 "plugins": [
   ["import", { "libraryName": "antd", "style": "css" }],
   "@babel/plugin-proposal-class-properties"
 ]
}

bietkul

import React from 'react';
import { Layout } from 'antd';
import { css } from '@emotion/core';
const footerCls = css`
 text-align: center;
 background: #04070b;
 color: #fff;
`;
const AppFooter = Layout.Footer;
const Footer = () => (

bietkul

import React from 'react';
import { node, string, oneOfType } from 'prop-types';
import { Layout } from 'antd';
const AppContent = Layout.Content;
const Content = ({ children, ...props }) => 
  <AppContent {...props}>{children}</AppContent>;
Content.propTypes = {
 children: oneOfType([node, string]),
};
export default Content;

bietkul

import React, { Component } from 'react';
import { Button, Drawer } from 'antd';
import Link from 'next/link';
import { headerCls, drawerCls } from './styles';
import LeftMenu from './LeftMenu';
import RightMenu from './RightMenu';

class Header extends Component {
  state = {
    visible: false,