|
@@ -12,7 +12,7 @@ import { SafeAreaView } from 'react-native-safe-area-context';
|
|
import MapView, { Marker } from 'react-native-maps';
|
|
import MapView, { Marker } from 'react-native-maps';
|
|
import ReactModal from 'react-native-modal';
|
|
import ReactModal from 'react-native-modal';
|
|
import axios from 'axios';
|
|
import axios from 'axios';
|
|
-import "react-native-get-random-values";
|
|
|
|
|
|
+import 'react-native-get-random-values';
|
|
import {
|
|
import {
|
|
GooglePlaceData,
|
|
GooglePlaceData,
|
|
GooglePlaceDetail,
|
|
GooglePlaceDetail,
|
|
@@ -37,6 +37,8 @@ import { ButtonVariants } from 'src/types/components';
|
|
import SeriesSelector from './SeriesSelector';
|
|
import SeriesSelector from './SeriesSelector';
|
|
|
|
|
|
import SearchIcon from 'assets/icons/search.svg';
|
|
import SearchIcon from 'assets/icons/search.svg';
|
|
|
|
+import InfoIcon from 'assets/icons/info-solid.svg';
|
|
|
|
+import Tooltip from 'react-native-walkthrough-tooltip';
|
|
|
|
|
|
interface Series {
|
|
interface Series {
|
|
id: number;
|
|
id: number;
|
|
@@ -69,6 +71,8 @@ const SuggestSeriesScreen = ({ navigation }: { navigation: any }) => {
|
|
);
|
|
);
|
|
const { mutateAsync: submitSuggestion } = useSubmitSuggestionMutation();
|
|
const { mutateAsync: submitSuggestion } = useSubmitSuggestionMutation();
|
|
|
|
|
|
|
|
+ const [tooltipVisible, setTooltipVisible] = useState(false);
|
|
|
|
+
|
|
const mapRef = useRef<MapView>(null);
|
|
const mapRef = useRef<MapView>(null);
|
|
|
|
|
|
useEffect(() => {
|
|
useEffect(() => {
|
|
@@ -188,7 +192,37 @@ const SuggestSeriesScreen = ({ navigation }: { navigation: any }) => {
|
|
}}
|
|
}}
|
|
>
|
|
>
|
|
<View style={styles.wrapper}>
|
|
<View style={styles.wrapper}>
|
|
- <Header label={'Suggest new Series item'} />
|
|
|
|
|
|
+ <Header
|
|
|
|
+ label={'Suggest new Series item'}
|
|
|
|
+ rightElement={
|
|
|
|
+ <Tooltip
|
|
|
|
+ isVisible={tooltipVisible}
|
|
|
|
+ onClose={() => setTooltipVisible(false)}
|
|
|
|
+ content={
|
|
|
|
+ <Text style={{ color: Colors.DARK_BLUE, fontSize: 13 }}>
|
|
|
|
+ We value the enthusiasm of travelers who want to share their favorite places with
|
|
|
|
+ the NomadMania community. Every suggestion reflects passion for exploration, and
|
|
|
|
+ we appreciate the time and thought that goes into each contribution to the series.
|
|
|
|
+ {'\n\n'}At the same time, not all submissions will be added to the map. We have a
|
|
|
|
+ dedicated team that is tasked to review all suggestions and maintain an overall
|
|
|
|
+ balance across regions and topics and to prevent overcrowding in certain areas.
|
|
|
|
+ {'\n\n'}For this reason, even good suggestions may occasionally be declined. We
|
|
|
|
+ hope you understand this approach, and we thank you for helping us shape a map
|
|
|
|
+ that highlights the richness of travel across the world.{'\n\n'}Best regards, the
|
|
|
|
+ Series Team
|
|
|
|
+ </Text>
|
|
|
|
+ }
|
|
|
|
+ contentStyle={{ backgroundColor: Colors.WHITE }}
|
|
|
|
+ backgroundColor="transparent"
|
|
|
|
+ allowChildInteraction={false}
|
|
|
|
+ placement="bottom"
|
|
|
|
+ >
|
|
|
|
+ <TouchableOpacity onPress={() => setTooltipVisible(true)} style={{ width: 30 }}>
|
|
|
|
+ <InfoIcon />
|
|
|
|
+ </TouchableOpacity>
|
|
|
|
+ </Tooltip>
|
|
|
|
+ }
|
|
|
|
+ />
|
|
<View style={styles.searchContainer}>
|
|
<View style={styles.searchContainer}>
|
|
<GooglePlacesAutocomplete
|
|
<GooglePlacesAutocomplete
|
|
placeholder="Add a landmark"
|
|
placeholder="Add a landmark"
|