diff --git a/app/(tabs)/services.tsx b/app/(tabs)/services.tsx index 2d2d14d..e49cb7b 100644 --- a/app/(tabs)/services.tsx +++ b/app/(tabs)/services.tsx @@ -7,25 +7,35 @@ import React, { useState } from 'react'; import CurrencyConverterModal from '@/components/CurrencyConverterModal'; export default function ServicesScreen() { - const [modalVisible, setModalVisible] = useState(false); + const [currencyModalVisible, setCurrencyModalVisible] = useState(false); + const [hotelModalVisible, setHotelModalVisible] = useState(false); + const [lostKeyModalVisible, setLostKeyModalVisible] = useState(false); + const [translatorModalVisible, setTranslatorModalVisible] = useState(false); const services = [ { - title: 'currencyConverter', + title: 'Pul', + name: 'currencyConverter', icon: , - onPress: () => setModalVisible(true), + onPress: () => setCurrencyModalVisible(true), }, { - title: 'hotelCard', + title: 'Otel', + name: 'hotelCard', icon: , + onPress: () => setHotelModalVisible(true), }, { - title: 'lostKey', + title: 'Açar içinde galdy', + name: 'lostKey', icon: , + onPress: () => setLostKeyModalVisible(true), }, { - title: 'translator', + title: 'Perewod', + name: 'translator', icon: , + onPress: () => setTranslatorModalVisible(true), }, ]; @@ -36,13 +46,13 @@ export default function ServicesScreen() { {services.map((service, index) => ( - + ))} setModalVisible(false)} + visible={currencyModalVisible} + onClose={() => setCurrencyModalVisible(false)} /> ); diff --git a/components/CurrencyConverterModal.tsx b/components/CurrencyConverterModal.tsx index 71a3918..5c560e4 100644 --- a/components/CurrencyConverterModal.tsx +++ b/components/CurrencyConverterModal.tsx @@ -48,6 +48,7 @@ const CurrencyConverterModal: React.FC = ({ visible style={styles.input} keyboardType="numeric" placeholder="0.00" + placeholderTextColor="#666" value={sar} onChangeText={handleSarChange} />