Fakultas Ilmu Komputer UI

index.tsx 1.21 KB
Newer Older
Wulan Mantiri's avatar
Wulan Mantiri committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import React, { FC, useContext } from 'react';
import { View, Text } from 'react-native';
import { Button } from 'react-native-elements';

import { UserContext } from 'provider';
import { redirectToWA } from 'utils/chat';
import { styles } from './styles';
import { EmptyDataPage } from 'components/core';

const ChatForClient: FC = () => {
  const { user } = useContext(UserContext);

  return (
    <View style={styles.container}>
      {user.nutritionist ? (
        <View>
          <Text style={styles.nutritionist}>Nutrisionis Anda:</Text>
          <Text style={styles.name}>
            👩🏻‍⚕️ {user.nutritionist.full_name_and_degree}
          </Text>
          <Button
            title="Hubungi via WhatsApp"
            icon={{
              name: 'whatsapp',
              type: 'material-community',
              color: 'white',
              size: 28,
            }}
            onPress={() => redirectToWA(user.nutritionist?.phone_number)}
            buttonStyle={styles.buttonStyle}
            titleStyle={styles.titleStyle}
          />
        </View>
      ) : (
        <EmptyDataPage text="Anda tidak didaftarkan dengan sebuah nutrisionis." />
      )}
    </View>
  );
};

export default ChatForClient;