chore: save pending Menu.js changes

This commit is contained in:
Adolfo Reyna
2026-02-20 22:39:54 -05:00
parent 06e620dbf6
commit 6ff89c2e4b

View File

@@ -1,6 +1,6 @@
import React from "react";
import { View, ImageBackground, ScrollView } from "react-native";
import { Text, List, RadioButton } from "react-native-paper";
import { Text, List, Menu, Button } from "react-native-paper";
import i18n from "../i18nMessages.js";
import Moment from 'moment';
import 'moment/min/locales';
@@ -9,12 +9,12 @@ import API from '../API.js';
import { useSnapshot } from 'valtio';
import GlobalState from '../contexts/GlobalState.js';
import ProfileCardHorizontal from "../components/ProfileCardHorizontal.js";
import { reloadAppAsync } from "expo";
import * as Updates from 'expo-updates';
let MenuView = ({ navigation }) => {
const [value, setValue] = React.useState(i18n.locale);
const [languageMenuVisible, setLanguageMenuVisible] = React.useState(false);
const [myProfiles, setMyProfiles] = React.useState([]);
const gState = useSnapshot(GlobalState);
const viewer = gState.me;
@@ -37,8 +37,15 @@ let MenuView = ({ navigation }) => {
Moment.locale(locale);
setValue(locale);
//Change local on profile then reload
//reloadAppAsync();
}
const languageOptions = [
{ value: "es", label: i18n.t("message.languageSpanish") },
{ value: "en", label: i18n.t("message.languageEnglish") },
{ value: "da", label: i18n.t("message.languageDanish") },
{ value: "fr", label: i18n.t("message.languageFrench") },
];
const currentLanguageLabel = languageOptions.find((opt) => opt.value === value)?.label || i18n.t("message.languageEnglish");
const profileLists = myProfiles.map((profile) => {
const profileInfo = profile?.profile || {};
const DefaultPhoto = "https://social.emmint.com/uploads/e6f9be6d665dc43417701bf16a90122c.png";
@@ -88,12 +95,26 @@ let MenuView = ({ navigation }) => {
</List.Section>
<View style={{ padding: 10 }}>
<Text>{i18n.t("message.appLanguage")}:</Text>
<RadioButton.Group onValueChange={newValue => changeLang(newValue)} value={value}>
<RadioButton.Item value="es" label={i18n.t("message.languageSpanish")} />
<RadioButton.Item value="en" label={i18n.t("message.languageEnglish")} />
<RadioButton.Item value="da" label={i18n.t("message.languageDanish")} />
<RadioButton.Item value="fr" label={i18n.t("message.languageFrench")} />
</RadioButton.Group>
<Menu
visible={languageMenuVisible}
onDismiss={() => setLanguageMenuVisible(false)}
anchor={
<Button mode="outlined" onPress={() => setLanguageMenuVisible(true)}>
{currentLanguageLabel}
</Button>
}
>
{languageOptions.map((option) => (
<Menu.Item
key={option.value}
title={option.label}
onPress={() => {
changeLang(option.value);
setLanguageMenuVisible(false);
}}
/>
))}
</Menu>
</View>
<View style={{ padding: 10, alignContent: "center", flex: 1 }}>
<Text>{i18n.t("message.version")}: {Updates.runtimeVersion}</Text>