import Constants from "expo-constants";
import React from "react";
import { useTranslation } from "react-i18next";
import { Button, View, Text } from "react-native";
import { Title } from "react-native-paper";
import { purgeStoredState } from "redux-persist";
import SignOutButton from "../sign-out-button/sign-out-button.component";
import * as Updates from "expo-updates";

export default function ScreenSettingsComponent() {
  const { t } = useTranslation();

  console.log(Constants.manifest);
  return (
    <View
      style={{
        flex: 1,
        display: "flex",
        alignItems: "center",

        flexDirection: "column",
      }}
    >
      <Title>
        {t("settings.labels.version", {
          number: Constants.manifest.version,
        })}
      </Title>
      <Text>{Updates.releaseChannel}</Text>
      <SignOutButton />
      <Button title="Purge State" onPress={() => purgeStoredState()} />
    </View>
  );
}