@equinor/mad-core
Version:
Core library for the Mobile App Delivery team
50 lines (47 loc) • 1.82 kB
JavaScript
import {
SelectLanguageCellGroup
} from "./chunk-KEH6NBFE.js";
import {
useScreenTitleFromDictionary
} from "./chunk-U5IJVQDO.js";
import {
useNavigateFromLanguageSelectScreen
} from "./chunk-IHCNAGT7.js";
import {
useDictionary,
useLanguage
} from "./chunk-GEEFQMRN.js";
// src/components/screens/language/SelectLanguageScreen.tsx
import React, { useState } from "react";
import { ScrollView, View } from "react-native";
import { Button, EDSStyleSheet, Spacer, useStyles } from "@equinor/mad-components";
var SelectLanguageScreen = () => {
useScreenTitleFromDictionary((dic) => dic.language.language);
const styles = useStyles(themeStyles);
const dictionary = useDictionary();
const { language, setSelectedLanguage } = useLanguage();
const navigate = useNavigateFromLanguageSelectScreen();
const [selectedLanguageCodeDraft, setSelectedLanguageCodeDraft] = useState(language.code);
const onPressSubmit = () => {
setSelectedLanguage(selectedLanguageCodeDraft);
navigate();
};
return /* @__PURE__ */ React.createElement(ScrollView, { contentInsetAdjustmentBehavior: "automatic" }, /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(
SelectLanguageCellGroup,
{
selectedLanguageCodeDraft,
setSelectedLanguageCodeDraft
}
), /* @__PURE__ */ React.createElement(View, { style: styles.submitButtonContainer }, /* @__PURE__ */ React.createElement(Button, { title: dictionary.common.save, onPress: onPressSubmit })));
};
var themeStyles = EDSStyleSheet.create((theme) => ({
submitButtonContainer: {
flexDirection: "column",
alignItems: "flex-end",
paddingVertical: theme.spacing.container.paddingVertical,
paddingHorizontal: theme.spacing.container.paddingHorizontal
}
}));
export {
SelectLanguageScreen
};