32 lines
787 B
JavaScript
32 lines
787 B
JavaScript
import { useNavigation, useRoute } from "@react-navigation/native";
|
|
import React, { useLayoutEffect } from "react";
|
|
import { WebView } from "react-native-webview";
|
|
import { MainWrapper, Spinner } from "../../components";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
function HelpBrowser() {
|
|
const { t } = useTranslation();
|
|
const navigation = useNavigation();
|
|
const route = useRoute();
|
|
const { title, url } = route.params;
|
|
|
|
useLayoutEffect(() => {
|
|
navigation.setOptions({
|
|
headerRight: null,
|
|
headerTitle: t(title),
|
|
});
|
|
}, [navigation]);
|
|
|
|
return (
|
|
<MainWrapper>
|
|
<WebView
|
|
source={{ uri: url }}
|
|
startInLoadingState={true}
|
|
renderLoading={() => <Spinner />}
|
|
/>
|
|
</MainWrapper>
|
|
);
|
|
}
|
|
|
|
export default HelpBrowser;
|