components 수정

src/App.js

@@ -5,7 +5,7 @@ import { connect } from 'react-redux'
 import { matchPath, withRouter } from 'react-router'
 import { Redirect, Route, Switch } from 'react-router-dom'
 import { clearAccount, getAccount } from './actions'
-import Navigation from './container/Navigation'
+import Navigation from './containers/Navigation'
 import { routes } from './Route'
 import './App.scss'
 

src/Route.js

@@ -1,22 +1,22 @@
 import React from 'react'
-import Accounting from './container/Accounting'
-import Cleaning from './container/Cleaning'
-import Deactivate from './container/Deactivate'
-import Doorlock from './container/Doorlock'
-import EditUserProfile from './container/EditUserProfile'
-import Enrollment from './container/Enrollment'
-import Law from './container/Law'
-import Login from './container/Login'
-import Members from './container/Members'
-import Notifications from './container/Notifications'
-import OldNoties from './container/OldNoties'
-import OldTexts from './container/OldTexts'
-import Page404 from './container/Page404'
-import Portal from './container/Portal'
-import Registration from './container/Registration'
-import Sider from './container/Sider'
-import SingleFeed from './container/SingleFeed'
-import Userpage from './container/Userpage'
+import Accounting from './containers/Accounting'
+import Cleaning from './containers/Cleaning'
+import Deactivate from './containers/Deactivate'
+import Doorlock from './containers/Doorlock'
+import EditUserProfile from './containers/EditUserProfile'
+import Enrollment from './containers/Enrollment'
+import Law from './containers/Law'
+import Login from './containers/Login'
+import Members from './containers/Members'
+import Notifications from './containers/Notifications'
+import OldNoties from './containers/OldNoties'
+import OldTexts from './containers/OldTexts'
+import Page404 from './containers/Page404'
+import Portal from './containers/Portal'
+import Registration from './containers/Registration'
+import Sider from './containers/Sider'
+import SingleFeed from './containers/SingleFeed'
+import Userpage from './containers/Userpage'
 
 
 // eslint-disable-next-line

src/components/Activity.js

@@ -1,3 +1,4 @@
+import { Col, Row } from 'antd'
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
 import { Link } from 'react-router-dom'
@@ -7,43 +8,41 @@ class Activity extends Component {
   render() {
     const account = this.props.content
     return (
-      <div style={{
-        height: '98px',
-        display: 'flex',
-        flexDirection: 'row',
+      <Row style={{
+        height: '10vh',
         fontSize: '16pt',
         padding: '12px',
         textAlign: 'center',
       }}
       >
-        <div style={{ width: '34%' }}>
-          <div style={{ height: '50%' }}>글</div>
+        <Col span={8}>
+          글
           <Link
             className="ant-anchor-link-title"
             to={`/members/${account.username}`}
           >
             {account.documentsCount}
           </Link>
-        </div>
-        <div style={{ width: '33%' }}>
-          <div style={{ height: '50%' }}>댓글</div>
+        </Col>
+        <Col span={8}>
+          댓글
           <Link
             className="ant-anchor-link-title"
             to={`/members/${account.username}/comments`}
           >
             {account.commentsCount}
           </Link>
-        </div>
-        <div style={{ width: '33%' }}>
-          <div style={{ height: '50%' }}>좋아요</div>
+        </Col>
+        <Col span={8}>
+          좋아요
           <Link
             className="ant-anchor-link-title"
             to={`/members/${account.username}/likes`}
           >
             {account.likedDocumentsCount}
           </Link>
-        </div>
-      </div>
+        </Col>
+      </Row>
     )
   }
 }