import Constants from "expo-constants";
import React from "react";
import { useTranslation } from "react-i18next";
import { View, Text } from "react-native";
import { Title, Button } 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();
  return (
    <View
      style={{
        flex: 1,
        display: "flex",
        alignItems: "center",

        flexDirection: "column",
      }}
    >
      <Title>
        {t("settings.labels.version", {
          number: `${Constants.manifest.version}-${Constants.manifest.extra.expover}`,
        })}
      </Title>

      <Text>Release Channel {Updates.releaseChannel}</Text>
      <SignOutButton />
      <Button title="Purge State" onPress={() => purgeStoredState()} />
    </View>
  );
}
