const WrapScreen = ({ setDarkTheme }: { setDarkTheme: React.Dispatch<React.SetStateAction<boolean>> }) => {
const { dark, colors } = useTheme();
return (
<ThemeContextProvider setDarkTheme={setDarkTheme}>
<AuthenticationCheckProvider>
<TranslateProvider>
<DrawerContainer>
<StatusBar
animated={true}
barStyle={dark ? "light-content" : 'dark-content'}
backgroundColor={colors.card}
showHideTransition={'slide'}
hidden={false}
/>
<Screen />
</DrawerContainer>
</TranslateProvider>
</AuthenticationCheckProvider>
</ThemeContextProvider>
)
}
export const translate = {
en: {
incomplete_order_message: "You have an incomplete order.",
view_order: "View order",
discount_high_to_low: "Discount: high to low",
discount_low_to_high: "Discount: low to high",
price_high_to_low: "Price: High to low",
price_low_to_high: "Price: Low to high",
},
bn: {
},
in: {
}
}
import React, { useContext, createContext } from 'react';
import { translate, TranslateInterface } from './translate'
const TranslateContext = createContext<TranslateInterface>(translate.bn)
function TranslateProvider({ children }: { children: React.ReactNode }) {
const bn = translate.bn
return (
<TranslateContext.Provider value= { bn } >
{
children
}
</TranslateContext.Provider>
);
}
export function useTranslate() {
const translate: TranslateInterface = useContext(TranslateContext);
return translate
}
export default TranslateProvider;