diff options
| author | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2022-09-20 22:10:01 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-09-20 22:10:01 +0200 |
| commit | f7ba5cd9bbf1f4d145c3d3d171c2632d44b5f94a (patch) | |
| tree | 855256f27ded3cf0ec662119dbf26c3b138a8f5b /opendc-web/opendc-web-ui/src/components/projects/NewProject.js | |
| parent | 48d43a83f675db8f5f13755081e56b3cde1a7207 (diff) | |
| parent | 86bc9e74630374853d11bc1c8f7ba5ffafbaa868 (diff) | |
merge: Improve web interface (#100)
This pull request addresses several issues with the current web interface.
## Implementation Notes :hammer_and_pick:
* Update dependencies of web UI where possible
* Fix deletion of topology
* Fix duplication of topology
* Only display selected metrics
* Use correct color for login button
* Fix z-index of context selector
* Move project selector into masthead
* Reduce height of application header
* Redesign projects page
* Use PatternFly Charts for plots
* Do not fail on stale Redux state
* Fix overflow of topology sidebar
* Fix deletion of portfolios
* Migrate to composable table
## External Dependencies :four_leaf_clover:
* `classnames` has been replaced by `clsx`
* PatternFly Charts have replaced the use of `recharts`
Diffstat (limited to 'opendc-web/opendc-web-ui/src/components/projects/NewProject.js')
| -rw-r--r-- | opendc-web/opendc-web-ui/src/components/projects/NewProject.js | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/opendc-web/opendc-web-ui/src/components/projects/NewProject.js b/opendc-web/opendc-web-ui/src/components/projects/NewProject.js deleted file mode 100644 index bfa7c01a..00000000 --- a/opendc-web/opendc-web-ui/src/components/projects/NewProject.js +++ /dev/null @@ -1,39 +0,0 @@ -import React, { useState } from 'react' -import { Button } from '@patternfly/react-core' -import { PlusIcon } from '@patternfly/react-icons' -import { useNewProject } from '../../data/project' -import { buttonContainer } from './NewProject.module.scss' -import TextInputModal from '../util/modals/TextInputModal' - -/** - * A container for creating a new project. - */ -const NewProject = () => { - const [isVisible, setVisible] = useState(false) - const { mutate: addProject } = useNewProject() - - const onSubmit = (name) => { - if (name) { - addProject({ name }) - } - setVisible(false) - } - - return ( - <> - <div className={buttonContainer}> - <Button - icon={<PlusIcon />} - color="primary" - className="pf-u-float-right" - onClick={() => setVisible(true)} - > - New Project - </Button> - </div> - <TextInputModal title="New Project" label="Project name" isOpen={isVisible} callback={onSubmit} /> - </> - ) -} - -export default NewProject |
