import React, { useContext } from "react";
import { Text, Button } from "react-native";
import Screen from "../components/Screen";
import InDevelopment from "../components/InDevelopment";
import { AuthContext } from "../auth/context";
import authStorage from "../auth/storage";

function handleLogOut(setUser) {
  setUser(null);
  authStorage.removeToken();
}

function AccountScreen(props) {
  const { user, setUser } = useContext(AuthContext);

  return (
    <Screen
      style={{
        padding: 10,
      }}
    >
      <Text>{user.name}</Text>
      <Text>{user.email}</Text>
      <Button
        style={{ paddingTop: 10 }}
        title="Logout"
        onPress={() => {
          handleLogOut(setUser);
        }}
      />

      {/* <InDevelopment /> */}
    </Screen>
  );
}

export default AccountScreen;