Revert "Add: redux toolkit"

This reverts commit f448100

Author: ZeroCho

toolkit/front/.babelrc

@@ -6,4 +6,4 @@
       "displayName": true
     }]
   ]
-}
+}

toolkit/front/.eslintrc

@@ -28,9 +28,8 @@
     "react/forbid-prop-types": "off",
     "react/jsx-filename-extension": "off",
     "react/jsx-one-expression-per-line": "off",
-    "react/jsx-props-no-spreading": "off",
     "object-curly-newline": "off",
     "linebreak-style": "off",
     "no-param-reassign": "off"
   }
-}
+}

toolkit/front/.gitignore

@@ -1,85 +1,62 @@
-import React, { useState, useCallback } from 'react';
-import ProTypes from 'prop-types';
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
 import Link from 'next/link';
-import {
-  Layout, Menu, Input, Row, Col,
-} from 'antd';
-import styled, { createGlobalStyle } from 'styled-components';
+import { Menu, Input, Row, Col } from 'antd';
+import styled from 'styled-components';
 import { useSelector } from 'react-redux';
-import Router, { useRouter } from 'next/router';
+import Router from 'next/router';
+
 import UserProfile from './UserProfile';
 import LoginForm from './LoginForm';
+import useInput from '../hooks/useInput';
 
-const { Header, Content } = Layout;
-const Global = createGlobalStyle`
-  .ant-row {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-  }
-  .ant-col:first-child {
-    margin-left: 0 !important;
-  }
-  .ant-col:last-child {
-    margin-right: 0 !important;
-  }
-  .ant-form-item-explain-error {
-    font-size: 11px;
-  }
-`;
 const SearchInput = styled(Input.Search)`
   vertical-align: middle;
 `;
+
 const AppLayout = ({ children }) => {
+  const [searchInput, onChangeSearchInput] = useInput('');
   const { me } = useSelector((state) => state.user);
-  const [searchInput, setSearchInput] = useState('');
-  const onChangeSearchInput = useCallback((e) => {
-    setSearchInput(e.target.value);
-  }, [searchInput]);
+
   const onSearch = useCallback(() => {
     Router.push(`/hashtag/${searchInput}`);
   }, [searchInput]);
-  const router = useRouter();
 
   return (
-    <Layout className="layout">
-      <Global />
-      <Header style={{ position: 'fixed', zIndex: 1, width: '100%' }}>
-        <Menu theme="dark" mode="horizontal" defaultSelectedKeys={[router.pathname]}>
-          <Menu.Item key="/">
-            <Link href="/"><a>노드버드</a></Link>
-          </Menu.Item>
-          <Menu.Item key="/profile">
-            <Link href="/profile"><a>프로필</a></Link>
-          </Menu.Item>
-          <Menu.Item key="/search">
-            <SearchInput
-              enterButton
-              value={searchInput}
-              onChange={onChangeSearchInput}
-              onSearch={onSearch}
-            />
-          </Menu.Item>
-        </Menu>
-      </Header>
-      <Content style={{ padding: '0 50px', marginTop: 64 }}>
-        <div style={{ minHeight: '400px', padding: '24px', backgroundColor: '#FFF' }}>
-          {/* gutter 컬럼 사이의 간격 */}
-          <Row gutter={12}>
-            <Col xs={24} sm={24} md={8} lg={4} style={{ paddingTop: '12px' }}>
-              {me ? <UserProfile /> : <LoginForm />}
-            </Col>
-            <Col xs={24} sm={24} md={16} lg={20} style={{ paddingTop: '12px' }}>
-              {children}
-            </Col>
-          </Row>
-        </div>
-      </Content>
-    </Layout>
+    <div>
+      <Menu mode="horizontal">
+        <Menu.Item>
+          <Link href="/"><a>노드버드</a></Link>
+        </Menu.Item>
+        <Menu.Item>
+          <Link href="/profile"><a>프로필</a></Link>
+        </Menu.Item>
+        <Menu.Item>
+          <SearchInput
+            enterButton
+            value={searchInput}
+            onChange={onChangeSearchInput}
+            onSearch={onSearch}
+          />
+        </Menu.Item>
+      </Menu>
+      <Row gutter={8}>
+        <Col xs={24} md={6}>
+          {me ? <UserProfile /> : <LoginForm />}
+        </Col>
+        <Col xs={24} md={12}>
+          {children}
+        </Col>
+        <Col xs={24} md={6}>
+          <a href="https://www.zerocho.com" target="_blank" rel="noreferrer noopener">Made by ZeroCho</a>
+        </Col>
+      </Row>
+    </div>
   );
 };
 
 AppLayout.propTypes = {
-  children: ProTypes.node.isRequired,
+  children: PropTypes.node.isRequired,
 };
 
 export default AppLayout;