diff --git a/frontend/src/components/section/index.js b/frontend/src/components/section/index.js new file mode 100644 index 00000000..f018d2a9 --- /dev/null +++ b/frontend/src/components/section/index.js @@ -0,0 +1,52 @@ +const React = require('react'); +const ReactIntl = require('react-intl'); +const ReactRouter = require('react-router'); + +const H1 = require('@ui/components/h1'); +const Li = require('@ui/components/horizontal-list/li'); +const Ul = require('@ui/components/horizontal-list/ul'); + +const { + FormattedMessage +} = ReactIntl; + +const { + Link +} = ReactRouter; + +const Section = ({ + children, + links = [], + name = '' +}) => { + const navLinks = links.map((link) => ( +
people
; +const People = (props) => { + return ( +people
+Settings
; +const Settings = (props) => { + return ( +settings
+instances
+); diff --git a/frontend/src/containers/project/manifest.js b/frontend/src/containers/project/manifest.js new file mode 100644 index 00000000..fbfd0ee6 --- /dev/null +++ b/frontend/src/containers/project/manifest.js @@ -0,0 +1,5 @@ +const React = require('react'); + +module.exports = () => ( +manifest
+); diff --git a/frontend/src/containers/project/people.js b/frontend/src/containers/project/people.js new file mode 100644 index 00000000..042b6270 --- /dev/null +++ b/frontend/src/containers/project/people.js @@ -0,0 +1,5 @@ +const React = require('react'); + +module.exports = () => ( +people
+); diff --git a/frontend/src/containers/project/services.js b/frontend/src/containers/project/services.js new file mode 100644 index 00000000..709df9d6 --- /dev/null +++ b/frontend/src/containers/project/services.js @@ -0,0 +1,5 @@ +const React = require('react'); + +module.exports = () => ( +services
+); diff --git a/frontend/src/containers/project/settings.js b/frontend/src/containers/project/settings.js new file mode 100644 index 00000000..10ce9d02 --- /dev/null +++ b/frontend/src/containers/project/settings.js @@ -0,0 +1,5 @@ +const React = require('react'); + +module.exports = () => ( +settings
+); diff --git a/frontend/src/components/projects/index.js b/frontend/src/containers/projects/index.js similarity index 53% rename from frontend/src/components/projects/index.js rename to frontend/src/containers/projects/index.js index a8fb3e91..1c8cf07c 100644 --- a/frontend/src/components/projects/index.js +++ b/frontend/src/containers/projects/index.js @@ -1,23 +1,32 @@ const React = require('react'); const ReactIntl = require('react-intl'); -// const ReactRouter = require('react-router'); +const ReactRedux = require('react-redux'); +const ReactRouter = require('react-router'); -const Column = require('@ui/components/column'); const Button = require('@ui/components/button'); +const Column = require('@ui/components/column'); const Row = require('@ui/components/row'); +const selectors = require('@state/selectors'); + +const { + connect +} = ReactRedux; const { FormattedMessage } = ReactIntl; -// const { -// Link, -// Match, -// Miss, -// Redirect -// } = ReactRouter; +const { + orgByIdSelector, + projectsByOrgIdSelector +} = selectors; + +const { + Link +} = ReactRouter; const Projects = ({ + org = {}, projects = [] }) => { const empty = projects.length ? null : ( @@ -32,8 +41,9 @@ const Projects = ({ const _projects = projects.map((project) => ( when no projects ', (t) => {
- const Projects = require('@containers/org/projects').WrappedComponent;
- const wrapper = render(create.withIntl(