diff --git a/assets/jsicons/detailAboutUs/Branch.js b/assets/jsicons/detailAboutUs/Branch.js
new file mode 100644
index 00000000..3f468bf6
--- /dev/null
+++ b/assets/jsicons/detailAboutUs/Branch.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import { SvgXml } from 'react-native-svg';
+
+export default function BranchIcon() {
+ const branchicon = `
+ `;
+ const BranchIcon = () => ;
+
+ return ;
+}
diff --git a/assets/jsicons/detailAboutUs/Handshake.js b/assets/jsicons/detailAboutUs/Handshake.js
new file mode 100644
index 00000000..d3cb7db8
--- /dev/null
+++ b/assets/jsicons/detailAboutUs/Handshake.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import { SvgXml } from 'react-native-svg';
+
+export default function HandshakeIcon() {
+ const handshakeicon = `
+ `;
+ const HandshakeIcon = () => (
+
+ );
+
+ return ;
+}
diff --git a/assets/jsicons/detailAboutUs/Rocket.js b/assets/jsicons/detailAboutUs/Rocket.js
new file mode 100644
index 00000000..a95f6f49
--- /dev/null
+++ b/assets/jsicons/detailAboutUs/Rocket.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import { SvgXml } from 'react-native-svg';
+
+export default function RocketIcon() {
+ const rocketicon = `
+ `;
+ const RocketIcon = () => ;
+
+ return ;
+}
diff --git a/components/Animals/AnimalModal.js b/components/Animals/AnimalModal.js
index 4d97d7de..a81f35c1 100644
--- a/components/Animals/AnimalModal.js
+++ b/components/Animals/AnimalModal.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component } from 'react';
import { Modal, View, TouchableOpacity, Text } from 'react-native';
//import icons
@@ -11,10 +11,10 @@ import Animals from '../Animals/Animals';
//import styles
import styles from '../../constants/Animals/AnimalModal';
-const AnimalModal = props => {
+const AnimalModal = (props) => {
return (
props.setIsModalVisible(!props.isModalVisible)}
diff --git a/components/Partners/PartnersModal.js b/components/Partners/PartnersModal.js
new file mode 100644
index 00000000..6efad103
--- /dev/null
+++ b/components/Partners/PartnersModal.js
@@ -0,0 +1,55 @@
+import React, { useState, useEffect } from 'react';
+import { Alert, Modal, View, TouchableOpacity, Text } from 'react-native';
+import BackArrow from '../../assets/jsicons/miscIcons/BackArrow';
+
+import SearchBar from '../../components/Partners/SearchBar';
+
+// For connecting Partners
+import { getConnections } from '../../store/actions';
+
+import styles from '../../constants/Partners/PartnerModal';
+const PartnersModal = (props) => {
+ const [partners, setPartners] = useState([]);
+
+ const getConnections = async () => {
+ try {
+ const partner = await props.getConnections(props.currentUserProfile.id);
+ if (Array.isArray(partner)) setPartners(partner);
+ else throw new Error(partner);
+ } catch (error) {
+ Alert.alert('Failed to get your partners');
+ }
+ };
+
+ useEffect(() => {
+ getConnections();
+ }, []);
+
+ return (
+
+ props.setIsPartnersModalVisible(!props.isPartnersModalVisable)
+ }
+ >
+
+
+
+
+ props.setIsPartnersModalVisible(!props.isPartnersModalVisible)
+ }
+ >
+
+
+
+
+ {/* {props.currentUserProfile.roles === 'conservationists'} */}
+
+
+ );
+};
+
+export default PartnersModal;
diff --git a/components/Partners/SearchBar.js b/components/Partners/SearchBar.js
new file mode 100644
index 00000000..29d22110
--- /dev/null
+++ b/components/Partners/SearchBar.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import { View, TextInput } from 'react-native';
+
+import Search from '../../assets/jsicons/SearchIcon';
+import styles from '../../constants/Partners/SearchBar';
+
+const SearchBar = () => {
+ return (
+
+
+
+
+ );
+};
+
+export default SearchBar;
diff --git a/components/Profile/ProfileBody.js b/components/Profile/ProfileBody.js
index 49828aa9..f1e09899 100644
--- a/components/Profile/ProfileBody.js
+++ b/components/Profile/ProfileBody.js
@@ -8,6 +8,7 @@ import Details from './tabs/Details';
import Campaigns from './tabs/Campaigns';
import Location from './tabs/Location';
+
export default React.forwardRef((props, ref) => {
const routes =
props.profile.roles === 'supporter'
@@ -17,9 +18,11 @@ export default React.forwardRef((props, ref) => {
]
: [
{ key: 'campaigns', title: 'Campaigns' },
- { key: 'details', title: 'Details' }
+ { key: 'details', title: 'Details' },
];
+
+
// If the profile in questions is an organization and has a location,
// insert a tab in index 1 (in the middle as per designs)
if (props.profile.roles === 'conservationist' && props.profile.location) {
@@ -28,12 +31,12 @@ export default React.forwardRef((props, ref) => {
const [state, setState] = useState({
index: 0,
- routes
+ routes,
});
- const handleIndexChange = index => {
+ const handleIndexChange = (index) => {
props.scrollToMaximizeContent(index === state.index);
- setState(prevState => ({ ...prevState, index }));
+ setState((prevState) => ({ ...prevState, index }));
};
const renderTabBar = ({ navigationState }) => {
@@ -42,7 +45,7 @@ export default React.forwardRef((props, ref) => {
const translateY = props.contentPaddingTop
? props.scrollY.interpolate({
inputRange: [0, distance, distance * 2],
- outputRange: [0, 0, distance]
+ outputRange: [0, 0, distance],
})
: 0;
@@ -59,7 +62,7 @@ export default React.forwardRef((props, ref) => {
backgroundColor: 'white',
borderBottomColor: `rgba(0, 255, 157, ${
state.index === i ? 1 : 0
- })`
+ })`,
}}
onPress={() => handleIndexChange(i)}
>
@@ -76,14 +79,14 @@ export default React.forwardRef((props, ref) => {
const renderScene = SceneMap({
campaigns: () => ,
location: () => ,
- details: () =>