Bladeren bron

series suggestions text

Viktoriia 1 maand geleden
bovenliggende
commit
f0911a849f
1 gewijzigde bestanden met toevoegingen van 36 en 2 verwijderingen
  1. 36 2
      src/screens/InAppScreens/TravelsScreen/SuggestSeriesScreen/index.tsx

+ 36 - 2
src/screens/InAppScreens/TravelsScreen/SuggestSeriesScreen/index.tsx

@@ -12,7 +12,7 @@ import { SafeAreaView } from 'react-native-safe-area-context';
 import MapView, { Marker } from 'react-native-maps';
 import ReactModal from 'react-native-modal';
 import axios from 'axios';
-import "react-native-get-random-values";
+import 'react-native-get-random-values';
 import {
   GooglePlaceData,
   GooglePlaceDetail,
@@ -37,6 +37,8 @@ import { ButtonVariants } from 'src/types/components';
 import SeriesSelector from './SeriesSelector';
 
 import SearchIcon from 'assets/icons/search.svg';
+import InfoIcon from 'assets/icons/info-solid.svg';
+import Tooltip from 'react-native-walkthrough-tooltip';
 
 interface Series {
   id: number;
@@ -69,6 +71,8 @@ const SuggestSeriesScreen = ({ navigation }: { navigation: any }) => {
   );
   const { mutateAsync: submitSuggestion } = useSubmitSuggestionMutation();
 
+  const [tooltipVisible, setTooltipVisible] = useState(false);
+
   const mapRef = useRef<MapView>(null);
 
   useEffect(() => {
@@ -188,7 +192,37 @@ const SuggestSeriesScreen = ({ navigation }: { navigation: any }) => {
       }}
     >
       <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}>
           <GooglePlacesAutocomplete
             placeholder="Add a landmark"