-
-
Add a Resource
-
-
-
- {/* this copy is different than the copy from the figma page,
- this might be a bit more clear? can make a point to ask
- about this next week */}
-
+
+
Add a Resource
+
+ Choose the type of resource you like
+
+ to add and submit the form.
+
+
+
+
+
+ {/* this copy is different than the copy from the figma page,
+ this might be a bit more clear? can make a point to ask
+ about this next week */}
+
+
);
}
diff --git a/src/components/Toolbar/Toolbar.js b/src/components/Toolbar/Toolbar.js
index 0664f003..9fbd4d65 100644
--- a/src/components/Toolbar/Toolbar.js
+++ b/src/components/Toolbar/Toolbar.js
@@ -18,7 +18,7 @@ import Filter from '../ResourceMenu/Filter';
import styles from './Toolbar.module.scss';
import { isMobile } from 'react-device-detect';
-import { AddResourceModal } from '../AddResourceModal';
+import AddResourceModalV2 from '../AddResourceModal/AddResourceModalV2';
import { ReactComponent as ContributeIcon } from '../icons/ContributeIcon.svg';
import { ReactComponent as ResourceIcon } from '../icons/ResourceIcon.svg';
@@ -29,6 +29,9 @@ import { ReactComponent as ForagingIcon } from '../icons/CircleForagingIcon.svg'
import { ReactComponent as ToiletIcon } from '../icons/CircleBathroomIcon.svg';
import { ReactComponent as WaterIcon } from '../icons/CircleWaterIcon.svg';
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+
import { SvgIcon, Typography } from '@mui/material';
import BottomNavigation from '@mui/material/BottomNavigation';
import NavigationItem from './NavigationItem';
@@ -100,7 +103,7 @@ function getCoordinates() {
function Toolbar(props) {
const [value, setValue] = React.useState(0);
- const [open, setOpen] = React.useState(false);
+ const [openResourceModal, setOpenResourceModal] = React.useState(false);
const phlaskType = useSelector(phlaskTypeSelector);
const selectedResourceIcon = {
@@ -207,7 +210,16 @@ function Toolbar(props) {
>
-
+
+
+