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}
/>