diff --git a/package-lock.json b/package-lock.json index 2d38783..a98951d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,6 +4,22 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "@babel/runtime": { + "version": "7.0.0-beta.51", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.0.0-beta.51.tgz", + "integrity": "sha1-SLjtGDBwNMZiD2Q1FGUMoszAFlo=", + "requires": { + "core-js": "2.5.7", + "regenerator-runtime": "0.11.1" + }, + "dependencies": { + "core-js": { + "version": "2.5.7", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.7.tgz", + "integrity": "sha512-RszJCAxg/PP6uzXVXL6BsxSXx/B05oJAQ2vkJRjyjrEcNVycaqOmNb5OTxZPE3xa5gwZduqza6L9JOCenh/Ecw==" + } + } + }, "abab": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/abab/-/abab-1.0.4.tgz", @@ -1899,6 +1915,11 @@ "resolved": "https://registry.npmjs.org/circular-json/-/circular-json-0.3.3.tgz", "integrity": "sha512-UZK3NBx2Mca+b5LsG7bY183pHWt5Y1xts4P3Pz7ENTwGVnJOUWbRb3ocjvX7hx9tq/yTAdclXm9sZ38gNuem4A==" }, + "clamp": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/clamp/-/clamp-1.0.1.tgz", + "integrity": "sha1-ZqDmQBGBbjcZaCj9yMjBRzEshjQ=" + }, "clap": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/clap/-/clap-1.2.3.tgz", @@ -2308,6 +2329,15 @@ "object-assign": "4.1.1" } }, + "create-react-context": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.2.2.tgz", + "integrity": "sha512-KkpaLARMhsTsgp0d2NA/R94F/eDLbhXERdIq3LvX2biCAXcDvHYoOqHfWCHf1+OLj+HKBotLG3KqaOOf+C1C+A==", + "requires": { + "fbjs": "0.8.17", + "gud": "1.0.0" + } + }, "cross-spawn": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz", @@ -2623,6 +2653,11 @@ "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=" }, + "deep-diff": { + "version": "0.3.8", + "resolved": "https://registry.npmjs.org/deep-diff/-/deep-diff-0.3.8.tgz", + "integrity": "sha1-wB3mPvsO7JeYgB1Ax+Da4ltYLIQ=" + }, "deep-equal": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz", @@ -4653,6 +4688,11 @@ "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz", "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=" }, + "gud": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz", + "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==" + }, "gzip-size": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-3.0.0.tgz", @@ -4815,6 +4855,28 @@ "resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz", "integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0=" }, + "history": { + "version": "4.7.2", + "resolved": "https://registry.npmjs.org/history/-/history-4.7.2.tgz", + "integrity": "sha512-1zkBRWW6XweO0NBcjiphtVJVsIQ+SXF29z9DVkceeaSLVMFXHool+fdCZD4spDCfZJCILPILc3bm7Bc+HRi0nA==", + "requires": { + "invariant": "2.2.4", + "loose-envify": "1.3.1", + "resolve-pathname": "2.2.0", + "value-equal": "0.4.0", + "warning": "3.0.0" + }, + "dependencies": { + "warning": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz", + "integrity": "sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=", + "requires": { + "loose-envify": "1.3.1" + } + } + } + }, "hmac-drbg": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz", @@ -6321,6 +6383,11 @@ "pretty-format": "20.0.3" } }, + "jquery": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.3.1.tgz", + "integrity": "sha512-Ubldcmxp5np52/ENotGxlLe6aGMvmF4R8S6tZjsP6Knsaxd/xp3Zrh50cG93lR6nPXyUFwzN3ZSOQI0wRJNdGg==" + }, "js-base64": { "version": "2.4.5", "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.5.tgz", @@ -6459,6 +6526,11 @@ "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-1.4.1.tgz", "integrity": "sha1-OGchPo3Xm/Ho8jAMDPwe+xgsDfE=" }, + "keyboard-key": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/keyboard-key/-/keyboard-key-1.0.1.tgz", + "integrity": "sha512-OAfjaSI917BOonwfH6LQHMZJRv5035jjZvgElouB/DM4I7l5zEjrA15RD80YwIjhN69xqEfWCZIbhBcGpb85Ig==" + }, "killable": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.0.tgz", @@ -9552,6 +9624,105 @@ "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" }, + "react-native-dismiss-keyboard": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/react-native-dismiss-keyboard/-/react-native-dismiss-keyboard-1.0.0.tgz", + "integrity": "sha1-MohiQrPyMX4SHzrrmwpYXiuHm0k=" + }, + "react-native-drawer-layout": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/react-native-drawer-layout/-/react-native-drawer-layout-1.3.2.tgz", + "integrity": "sha512-fjO0scqbJUfNu2wuEpvywL7DYLXuCXJ2W/zYhWz986rdLytidbys1QGVvkaszHrb4Y7OqO96mTkgpOcP8KWevw==", + "requires": { + "react-native-dismiss-keyboard": "1.0.0" + } + }, + "react-native-drawer-layout-polyfill": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/react-native-drawer-layout-polyfill/-/react-native-drawer-layout-polyfill-1.3.2.tgz", + "integrity": "sha512-XzPhfLDJrYHru+e8+dFwhf0FtTeAp7JXPpFYezYV6P1nTeA1Tia/kDpFT+O2DWTrBKBEI8FGhZnThrroZmHIxg==", + "requires": { + "react-native-drawer-layout": "1.3.2" + } + }, + "react-native-safe-area-view": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/react-native-safe-area-view/-/react-native-safe-area-view-0.8.0.tgz", + "integrity": "sha512-uAUzpBxXPVmfupz71GYcPjUBnZFtDuThKO/Q4FWEUykSuML78lItYR6JRsE006CY6gw6mUwpk4MJjhDE4uZ+Ww==", + "requires": { + "hoist-non-react-statics": "2.5.5" + } + }, + "react-native-tab-view": { + "version": "0.0.77", + "resolved": "https://registry.npmjs.org/react-native-tab-view/-/react-native-tab-view-0.0.77.tgz", + "integrity": "sha512-9vjD4Ly1Zlum1Y4g23ODpi/F3gYIUIsKWrsZO/Oh5cuX1eiB1DRVn11nY1z+j/hsQfhfyW6nDlmySyDvYQvYCA==", + "requires": { + "prop-types": "15.6.2" + } + }, + "react-navigation": { + "version": "2.5.5", + "resolved": "https://registry.npmjs.org/react-navigation/-/react-navigation-2.5.5.tgz", + "integrity": "sha512-fbGX0lA9XecxUjE1yRohx9GRdHn5KeED/+X2xpiMlLeHMpnXjSVWr4qUQaCTo4mTqDDlq9yp2UdRGqoiVgp3rA==", + "requires": { + "clamp": "1.0.1", + "create-react-context": "0.2.2", + "hoist-non-react-statics": "2.5.5", + "path-to-regexp": "1.7.0", + "react-lifecycles-compat": "3.0.4", + "react-native-safe-area-view": "0.8.0", + "react-navigation-deprecated-tab-navigator": "1.3.0", + "react-navigation-drawer": "0.4.3", + "react-navigation-tabs": "0.5.1" + } + }, + "react-navigation-deprecated-tab-navigator": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/react-navigation-deprecated-tab-navigator/-/react-navigation-deprecated-tab-navigator-1.3.0.tgz", + "integrity": "sha512-Cm+qYOPFWbvvcuv0YYX0ioYwLGgw7XAqdhAfpo3sIr3trxRW8871ePmfFOPezjQtz4v6ItjZt6LPgtBAVZoroQ==", + "requires": { + "react-native-tab-view": "0.0.77" + } + }, + "react-navigation-drawer": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/react-navigation-drawer/-/react-navigation-drawer-0.4.3.tgz", + "integrity": "sha512-ShPAnq2a7gfNl7O4SAPhP54Z6QNbd9KJ+NQgk5Q1llZFcrsQZ886iUb9KieGestft34c5VOVLrrPDjo8+hCJPQ==", + "requires": { + "react-native-drawer-layout-polyfill": "1.3.2" + } + }, + "react-navigation-tabs": { + "version": "0.5.1", + "resolved": "https://registry.npmjs.org/react-navigation-tabs/-/react-navigation-tabs-0.5.1.tgz", + "integrity": "sha512-VwStdeQm5OcAW0n94CxL7qL0zgmnyBCXcgdBRf5hYpw4tWcVUIedgRF+rAWa1v3ftY6H0CXbnT2OKdbod5QJXA==", + "requires": { + "hoist-non-react-statics": "2.5.5", + "prop-types": "15.6.2", + "react-lifecycles-compat": "3.0.4", + "react-native-safe-area-view": "0.7.0", + "react-native-tab-view": "1.0.2" + }, + "dependencies": { + "react-native-safe-area-view": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/react-native-safe-area-view/-/react-native-safe-area-view-0.7.0.tgz", + "integrity": "sha512-SjLdW/Th0WVMhyngH4O6yC21S+O4U4AAG3QxBr7fZ2ftgjXSpKbDHAhEpxBdFwei6HsnsC2h9oYMtPpaW9nfGg==", + "requires": { + "hoist-non-react-statics": "2.5.5" + } + }, + "react-native-tab-view": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/react-native-tab-view/-/react-native-tab-view-1.0.2.tgz", + "integrity": "sha512-x8I43V1X7/AyMnIwnqJGMU54LqQRlV6vJ9irbls9asA/axdHIdxagPIV6Jx1ttFe/bPKhFwXL+lRYdYxGyUlWg==", + "requires": { + "prop-types": "15.6.2" + } + } + } + }, "react-redux": { "version": "5.0.7", "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-5.0.7.tgz", @@ -9565,6 +9736,33 @@ "prop-types": "15.6.2" } }, + "react-router": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-4.3.1.tgz", + "integrity": "sha512-yrvL8AogDh2X42Dt9iknk4wF4V8bWREPirFfS9gLU1huk6qK41sg7Z/1S81jjTrGHxa3B8R3J6xIkDAA6CVarg==", + "requires": { + "history": "4.7.2", + "hoist-non-react-statics": "2.5.5", + "invariant": "2.2.4", + "loose-envify": "1.3.1", + "path-to-regexp": "1.7.0", + "prop-types": "15.6.2", + "warning": "4.0.1" + } + }, + "react-router-dom": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-4.3.1.tgz", + "integrity": "sha512-c/MlywfxDdCp7EnB7YfPMOfMD3tOtIjrQlj/CKfNMBxdmpJP8xcz5P/UAFn3JbnQCNUxsHyVVqllF9LhgVyFCA==", + "requires": { + "history": "4.7.2", + "invariant": "2.2.4", + "loose-envify": "1.3.1", + "prop-types": "15.6.2", + "react-router": "4.3.1", + "warning": "4.0.1" + } + }, "react-scripts": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-1.1.4.tgz", @@ -9769,6 +9967,14 @@ "symbol-observable": "1.2.0" } }, + "redux-logger": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/redux-logger/-/redux-logger-3.0.6.tgz", + "integrity": "sha1-91VZZvMJjzyIYExEnPC69XeCdL8=", + "requires": { + "deep-diff": "0.3.8" + } + }, "redux-thunk": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.3.0.tgz", @@ -10018,6 +10224,11 @@ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-1.0.1.tgz", "integrity": "sha1-Jsv+k10a7uq7Kbw/5a6wHpPUQiY=" }, + "resolve-pathname": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-2.2.0.tgz", + "integrity": "sha512-bAFz9ld18RzJfddgrO2e/0S2O81710++chRMUxHjXOYKF6jTAMrUNZrEZ1PvV0zlhfjidm08iRPdTLPno1FuRg==" + }, "resolve-url": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", @@ -10173,6 +10384,27 @@ "node-forge": "0.7.5" } }, + "semantic-ui-css": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/semantic-ui-css/-/semantic-ui-css-2.3.2.tgz", + "integrity": "sha512-necQD95BgiDvmjdbGBdQRHs9is1PpxBkpTL2m+IcgahE/VNai19pk8ugeoXm/jLGou/I50JYFZgOpdVmWZEmnw==", + "requires": { + "jquery": "3.3.1" + } + }, + "semantic-ui-react": { + "version": "0.81.3", + "resolved": "https://registry.npmjs.org/semantic-ui-react/-/semantic-ui-react-0.81.3.tgz", + "integrity": "sha512-AGLKjtWT0HnOyduMJn+6T4JmV5DfEuOfN2iSpBmQ5ZNJxrmdD4hoiskP89MUT7JD4Mno7aH8KkzdIKxavxpJUw==", + "requires": { + "@babel/runtime": "7.0.0-beta.51", + "classnames": "2.2.6", + "keyboard-key": "1.0.1", + "lodash": "4.17.10", + "prop-types": "15.6.2", + "shallowequal": "1.1.0" + } + }, "semver": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.0.tgz", @@ -11387,6 +11619,11 @@ "spdx-expression-parse": "3.0.0" } }, + "value-equal": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-0.4.0.tgz", + "integrity": "sha512-x+cYdNnaA3CxvMaTX0INdTCN8m8aF2uY9BvEqmxuYp8bL09cs/kWVQPVGcA35fMktdOsP69IgU7wFj/61dJHEw==" + }, "vary": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", diff --git a/package.json b/package.json index b6fa7df..60fe910 100644 --- a/package.json +++ b/package.json @@ -6,10 +6,15 @@ "antd": "^3.6.4", "react": "^16.4.1", "react-dom": "^16.4.1", + "react-navigation": "^2.5.5", "react-redux": "^5.0.7", + "react-router-dom": "^4.3.1", "react-scripts": "1.1.4", "redux": "^4.0.0", - "redux-thunk": "^2.3.0" + "redux-logger": "^3.0.6", + "redux-thunk": "^2.3.0", + "semantic-ui-css": "^2.3.2", + "semantic-ui-react": "^0.81.3" }, "scripts": { "start": "react-scripts start", diff --git a/src/App.js b/src/App.js index 4567be9..8ddf911 100644 --- a/src/App.js +++ b/src/App.js @@ -2,8 +2,10 @@ import React, { Component } from 'react'; import './App.css'; import 'antd/dist/antd.css'; -import ModalOne from './container/ModalOne'; -import ModalTwo from './container/ModalTwo'; +import Routes from "./Routes"; + +// import ModalOne from './container/ModalOne'; +// import ModalTwo from './container/ModalTwo'; // import ModalRoot from './components/ModalRoot'; class App extends Component { @@ -11,9 +13,7 @@ class App extends Component { render() { return (
- - - {/* */} +
); } diff --git a/src/Routes.js b/src/Routes.js new file mode 100644 index 0000000..a2625d2 --- /dev/null +++ b/src/Routes.js @@ -0,0 +1,18 @@ + +import React from "react"; +import { BrowserRouter as Router, + Route, + Link, + Redirect, + withRouter, Switch } from "react-router-dom"; + + import IndexComponent from "./container/IndexComponent/IndexComponent"; +import PostForm from "./container/PostForm/PostForm"; + + + +export default () => + + + + ; diff --git a/src/_actions/actions.js b/src/_actions/actions.js index 712ca29..e976ed3 100644 --- a/src/_actions/actions.js +++ b/src/_actions/actions.js @@ -23,4 +23,23 @@ export const loginModal = (data) =>{ type:"LOGIN_MODAL" }) }; +} + +export const showPostModal = (data) => { + return dispatch =>{ + return dispatch({ + type:"SHOW_POST_MODAL" + }) + } +} + +export const addImages = (data) => { + console.log(data); + return dispatch => { + return dispatch({ + type:"ADD_IMAGES", + data:data + }) + } + } \ No newline at end of file diff --git a/src/_reducers/reducers.js b/src/_reducers/reducers.js index ec4a084..d382ccb 100644 --- a/src/_reducers/reducers.js +++ b/src/_reducers/reducers.js @@ -2,11 +2,15 @@ const initialState = { modalType: null, modalProps: {}, show:false, - loginshow:false + loginshow:false, + showpostmodal:false, + imagearray:[], + articledata:'', + imagePreviewUrl:[] } export const custreducers = (state = initialState, action) => { - + console.log(state.imagePreviewUrl.push('dd'),action) switch (action.type) { case 'SHOW_MODAL': return { @@ -16,6 +20,15 @@ export const custreducers = (state = initialState, action) => { return { loginshow:true } + case 'SHOW_POST_MODAL': + return { + showpostmodal:true + } + case 'ADD_IMAGES': + return { + ...state, + imagePreviewUrl:state.imagePreviewUrl.concat() + } case 'HIDE_MODAL': return initialState default: diff --git a/src/components/Menu/ArticleMenu.js b/src/components/Menu/ArticleMenu.js new file mode 100644 index 0000000..42a3da7 --- /dev/null +++ b/src/components/Menu/ArticleMenu.js @@ -0,0 +1,56 @@ +import React, { Component } from 'react'; +import { + Container, + Divider, + Dropdown, + Grid, + Header, + Image, + List, + Menu, + Segment, + } from 'semantic-ui-react' +import {Button } from 'antd'; +import {connect} from 'react-redux'; + +import ModalRoot from '../../components/ModalRoot' +import * as action from '../../_actions/actions'; + +class ArticleMenu extends Component { + showPostModal = () => { + this.props.showPostModal({type:"SHOW_POST_MODAL"}) + } + handleCancel = (e) => { + this.props.resetModal({type:"HIDE_MODAL"}) + } + render(){ + const props = {status: this.props.status, handleCancel: this.handleCancel}; + return( +
+ + + + ARTICLE + + All Articles + + + + + + +
+ ) + } +} + +const mapStateToProps = (payload) => { + console.log(payload) + return { + status:payload.showpostmodal, + imagePreviewUrl:payload.imagePreviewUrl + + + } +} +export default connect(mapStateToProps,action)(ArticleMenu); \ No newline at end of file diff --git a/src/components/ModalRoot.js b/src/components/ModalRoot.js index e6dcced..2c85e17 100644 --- a/src/components/ModalRoot.js +++ b/src/components/ModalRoot.js @@ -2,14 +2,17 @@ import React from 'react'; import Modal1 from '../components/Modals/Modal1'; import Modal2 from '../components/Modals/Modal2'; import { connect } from 'react-redux'; +import PostModal from './Modals/PostModal'; const MODAL_COMPONENTS = { 'MODAL1': Modal1, 'MODAL2': Modal2, + 'CREATE_ARTICLE':PostModal /* other modals */ } const ModalRoot = ({ modalType, modalProps }) => { + console.log(modalType,modalProps) if (!modalType) { return // after React v15 you can return null here diff --git a/src/components/Modals/Modal1.js b/src/components/Modals/Modal1.js index bfc2e33..4cb9e67 100644 --- a/src/components/Modals/Modal1.js +++ b/src/components/Modals/Modal1.js @@ -7,7 +7,7 @@ import { Modal } from 'antd'; class Modal1 extends Component { render(){ - + console.log("DD") return ( { + console.log(e.target.value); + } + //searchinfluncer + onChangeFile = (event) => { + event.preventDefault(); + let reader = new FileReader(); + let files = event.target.files; + var index; + for(index = 0;index { + if (file) { + + const reader = new FileReader(); + reader.onloadend = () => { + this.props.addImages({type:"ADD_IMAGES",data:reader.result}) + } + // this.setState(() => ({ + // imagePreviewUrl: this.state.imagePreviewUrl.concat([reader.result]), + // })); + + reader.readAsDataURL(file); + + } + } + render(){ + console.log(this.props) + // const imgpre = + // this.state.imagePreviewUrl.length>0 ? + // ( + //
+ // {this.state.imagePreviewUrl.map((imgurl)=> + + //
+ // + // + //
+ // )} + // {this.upload.click()}}> + //
+ // ):(null); + return ( + + + + {this.upload.click()}}> + + + + {/* {imgpre} */} + this.upload = ref} + style={{display: 'none'}} + onChange={this.onChangeFile.bind(this)} + multiple + /> + + ) + } +} + +export default connect('',action)(PostModal); \ No newline at end of file diff --git a/src/container/IndexComponent/IndexComponent.js b/src/container/IndexComponent/IndexComponent.js new file mode 100644 index 0000000..0ea784b --- /dev/null +++ b/src/container/IndexComponent/IndexComponent.js @@ -0,0 +1,44 @@ +import React, { Component } from 'react'; +import { Button, Form, Grid, Header,Segment } from 'semantic-ui-react' + + +class IndexComponent extends Component { + + + + render(){ + return( +
+ + + +
+ Log-in to your account +
+
+ + + + + + +
+ {/* + New to us? Sign Up + */} + + +
+ ) + } +} + +export default (IndexComponent); \ No newline at end of file diff --git a/src/container/PostForm/PostForm.js b/src/container/PostForm/PostForm.js new file mode 100644 index 0000000..3bc3dfe --- /dev/null +++ b/src/container/PostForm/PostForm.js @@ -0,0 +1,19 @@ +import React, { Component } from 'react'; +import { Header} from 'semantic-ui-react' +import ArticleMenu from '../../components/Menu/ArticleMenu'; + + +class PostForm extends Component { + + + render(){ + + return( +
+ +
+ ) + } +} + +export default(PostForm); \ No newline at end of file diff --git a/src/index.css b/src/index.css index b4cc725..2e0dfd3 100644 --- a/src/index.css +++ b/src/index.css @@ -3,3 +3,22 @@ body { padding: 0; font-family: sans-serif; } +body>div, body > div > div, +body > div > div > div.login-form{ + height: 100% +} +.articleWidth{ + width: 60% !important +} + +.userautoscrptedit +{ + min-height: 90px; + padding: 18px 3px; + border-radius: 10px; + width: 92%; + border: 0; + color: #000; + + +} \ No newline at end of file diff --git a/src/index.js b/src/index.js index 132f5b3..2c56164 100644 --- a/src/index.js +++ b/src/index.js @@ -2,6 +2,7 @@ import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; +import 'semantic-ui-css/semantic.min.css'; import registerServiceWorker from './registerServiceWorker'; import {createStore,applyMiddleware, compose} from 'redux'; @@ -9,6 +10,8 @@ import { Provider } from 'react-redux'; import custreducers from './_reducers/reducers' import thunk from 'redux-thunk'; +import { BrowserRouter as Router } from "react-router-dom"; + const composeEnhancers = typeof window === 'object' && (window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ @@ -31,6 +34,8 @@ const store = configureStore(); ReactDOM.render( - + + + , document.getElementById('root')); registerServiceWorker();