crazycharge-app/component/chargingPage/noChargingOngoingPageComponent.tsx

import { View, Text, ScrollView, StyleSheet, ActivityIndicator } from 'react-native';

import { SafeAreaView } from 'react-native-safe-area-context';
import NormalButton from '../global/normal_button';
import { router } from 'expo-router';

const NoChargingOngoingPageComponent = () => {
    return (
        <SafeAreaView edges={['top', 'left', 'right']} className="flex-1 bg-white">
            <ScrollView className="flex-1 mt-8 " nestedScrollEnabled={true} showsVerticalScrollIndicator={false}>
                <View className="mx-[5%]">
                    <View className="">
                        <Text className="text-5xl pt-1 pb-6">暫無預約充電</Text>
                        <View>
                            <Text className="text-lg">您尚未預約任何充電服務，立刻透過下方按鈕前往預約主頁。</Text>
                            <View className="pt-8">
                                <NormalButton
                                    title={<Text className="text-white text-lg">前往預約頁面</Text>}
                                    onPress={() => router.push('/bookingMenuPage')}
                                />
                            </View>
                        </View>
                    </View>
                </View>
            </ScrollView>
        </SafeAreaView>
    );
};
const styles = StyleSheet.create({
    grayColor: {
        color: '#888888'
    },
    greenColor: {
        color: '#02677D'
    }
});

export default NoChargingOngoingPageComponent;