Reza_ashrafi
/
RnDanovinExpo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

reza fixed error before 18

Browse Source
master
Reza_ashrafi 3 years ago
parent f983c60bc9
commit 24b1dba5d4
17 changed files with 431 additions and 278 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      navigation/index.js
  2. 15
      src/components/AlertModal.js
  3. 1
      src/components/Drawer.js
  4. 7
      src/components/Navbar.js
  5. 1
      src/redux/actions/userProduct.js
  6. 1
      src/redux/reducers/userFactor.js
  7. 1
      src/redux/reducers/userProduct.js
  8. 10
      src/screens/Home/components/Blogs.js
  9. 2
      src/screens/Home/index.js
  10. 12
      src/screens/Otp/index.js
  11. 95
      src/screens/Product/components/Book.js
  12. 2
      src/screens/Profile/components/User.js
  13. 30
      src/screens/ShoppingCart/components/Code.js
  14. 51
      src/screens/ShoppingCart/components/Product.js
  15. 6
      src/screens/ShoppingCart/index.js
  16. 55
      src/screens/Video/index.js
  17. 17
      src/screens/VideoDisplay/index.js

3
navigation/index.js
Unescape View File

@ -352,6 +352,7 @@ const HomeStackScreen = () => {
<HomeStack.Screen name="Home" component={Home} />
<HomeStack.Screen name="VOD" component={Videos} />
<HomeStack.Screen name="Video" component={Video} unmountOnExit={true} />
<HomeStack.Screen name="ShoppingCart" component={ShoppingCart} />
<HomeStack.Screen name="VideoDisplay" component={VideoDisplay} />
<HomeStack.Screen name="Products" component={Products} />
<HomeStack.Screen name="Product" component={Product} />
@ -375,6 +376,7 @@ const ProductsStackScreen = () => {
>
<ProductsStack.Screen name="Products" component={Products} />
<ProductsStack.Screen name="Product" component={Product} />
<ProductsStack.Screen name="ShoppingCart" component={ShoppingCart} />
<ProductsStack.Screen name="Sample" component={Sample} />
<ProductsStack.Screen name="Info" component={Info} />
</ProductsStack.Navigator>
@ -392,6 +394,7 @@ const VODStackScreen = () => {
>
<VODStack.Screen name="VOD" component={Videos} />
<VODStack.Screen name="Video" component={Video} unmountOnExit={true} />
<VODStack.Screen name="ShoppingCart" component={ShoppingCart} />
<VODStack.Screen name="VideoDisplay" component={VideoDisplay} />
</VODStack.Navigator>
);

15
src/components/AlertModal.js
Unescape View File

@ -91,18 +91,31 @@ const AlertModal = props => {
confirmButtonColor={alert.confirmButtonColor}
onCancelPressed={onCancelPressed}
onConfirmPressed={(onConfirmPressed)}
cancelButtonTextStyle={{
color : '#777',
fontFamily : 'regular',
}}
confirmButtonTextStyle={{
fontFamily : 'regular',
}}
contentStyle={{
width: ReactNative.Dimensions.get('window').width / 1.5,
}}
cancelButtonStyle={{
fontFamily : 'regular',
borderColor : "#777",
borderWidth : 1,
backgroundColor : 'white',
}}
confirmButtonStyle={
{
width: ReactNative.Dimensions.get('window').width / 4,
alignItems: 'center',
justifyContent: 'center',
fontFamily : 'regular'
fontFamily : 'regular',
borderColor : "#2980b9",
borderWidth : 1,
}
}
useNativeDriver={true}

1
src/components/Drawer.js
Unescape View File

@ -9,7 +9,6 @@ import {
TouchableOpacity,
Image,
LayoutAnimation,
StatusBar,
} from "react-native";
import { useNavigation } from "@react-navigation/native";
import { asyncAwesomeAlert } from "../utils/AsyncWrappers";

7
src/components/Navbar.js
Unescape View File

@ -5,6 +5,7 @@ import {
Text,
Appearance,
TouchableOpacity,
ActivityIndicator,
} from "react-native";
import Svg, {
@ -36,6 +37,7 @@ const Navbar = ({
deleteBookmark,
userFavoriteList,
theme,
bookmarkLoading,
}) => {
const navigation = useNavigation();
@ -391,7 +393,9 @@ const Navbar = ({
</>
)}
{headerOptions?.bookmark &&
(isActiveBookmark ? (
(bookmarkLoading ? (
<ActivityIndicator size={20} color={Color.theme1[theme].green79} />
) : isActiveBookmark ? (
<Ionicons
name="bookmark"
style={tw("mr-2")}
@ -443,6 +447,7 @@ const Navbar = ({
const mapStateToProps = (state) => ({
userFavoriteList: state.userFavorite.list,
theme: state.publicApi.theme,
bookmarkLoading: state.userFavorite.loading,
});
const mapDispatchToProps = {

1
src/redux/actions/userProduct.js
Unescape View File

@ -19,7 +19,6 @@ const userProduct = {
(data = {}, data2 = {}, data3 = {}) =>
async (dispatch) => {
await proxy.post("userProduct/add", data, { dispatch });
await proxy.get("userProduct/list", data2, { dispatch });
await proxy.get("userFactor/info", data3, { dispatch });
},
del:

1
src/redux/reducers/userFactor.js
Unescape View File

@ -58,6 +58,7 @@ export default function userFactor(state = initialState, action) {
case "userFactor/error":
asyncAwesomeAlert("خطا", data.message, {
showCancelButton: false,
confirmText: "باشه"
});
return { ...state, loading: false, error: data.message };
default:

1
src/redux/reducers/userProduct.js
Unescape View File

@ -23,6 +23,7 @@ export default function userFactor(state = initialState, action) {
data.filter((item) => item.product.productType === 2).length > 0
? true
: false;
console.log('list fetched!');
return {
...state,
loading: false,

10
src/screens/Home/components/Blogs.js
Unescape View File

@ -29,7 +29,7 @@ const ios = Platform.OS === "ios";
function Blogs({ blogs, mobile, theme }) {
return (
<View style={[tw("flex mb-5")]}>
<View style={[tw("flex")]}>
<View style={tw("w-full px-4")}>
<Header title={"خواندنی‌ها"} route={"Blogs"} />
</View>
@ -37,8 +37,8 @@ function Blogs({ blogs, mobile, theme }) {
showsHorizontalScrollIndicator={false}
horizontal={true}
inverted={true}
style={[tw("flex flex-row mt-3 pb-7")]}
data={blogs.slice(0,7)}
style={[tw("flex flex-row mt-3")]}
data={blogs.slice(0, 7)}
renderItem={({ item }) => (
<Blog blog={item} mobile={mobile} theme={theme} />
)}
@ -51,11 +51,10 @@ function Blogs({ blogs, mobile, theme }) {
const Blog = ({ blog, mobile, theme }) => {
const navigation = useNavigation();
return (
<Pressable
style={[
tw("rounded-md mr-4 rounded-md relative"),
tw("mr-4 relative"),
{ width: mobile ? 250 : width / 2.2 },
]}
onPress={() => navigation.push("Blog", { id: blog?.id })}
@ -64,7 +63,6 @@ const Blog = ({ blog, mobile, theme }) => {
source={{ uri: `https://dnvn.ir/api/v1/file/${blog.fileIds}` }}
resizeMode="contain"
style={[
tw("rounded-md"),
{
flex: 1,
height: mobile ? 180 : ((width / 2.2) * 9) / 16,

2
src/screens/Home/index.js
Unescape View File

@ -78,7 +78,7 @@ const Home = ({
// Later on in your styles..
const styles = StyleSheet.create({
contentContainerStyle: {
paddingBottom: 40,
// paddingBottom: 40,
// flex : 1,
// alignItems: "",
},

12
src/screens/Otp/index.js
Unescape View File

@ -118,7 +118,7 @@ function Otp(props) {
let timeout = setTimeout(() => {
clearInterval(interval);
setTimeEnd(true);
}, 10000);
}, 120000);
return () => {
clearInterval(interval);
clearTimeout(timeout);
@ -132,10 +132,14 @@ function Otp(props) {
const hour = Math.floor(value / 60);
return (
(hour > 0
? (hour.toString().length === 1 ? "0" + hour.toString() : hour) + ""
? (minute.toString().length === 1
? "0" + minute.toString()
: minute) + ""
: "") +
" " +
":" +
(minute.toString().length === 1 ? "0" + minute.toString() : minute)
" " +
(hour.toString().length === 1 ? "0" + hour.toString() : hour)
);
},
[props.route]
@ -345,7 +349,7 @@ function Otp(props) {
},
]}
>
{"زمان باقی مانده تا ارسال مجدد: " + duration(time)}
{"زمان باقی مانده تا ارسال مجدد:" + " " + duration(time) + " "}
</Text>
) : (
<View style={tw("flex")}>

95
src/screens/Product/components/Book.js
Unescape View File

@ -44,6 +44,7 @@ function Book({
}) {
const navigation = useNavigation();
const [type, setType] = useState(1);
const [whichTypeAdded, setWhichTypeAdded] = React.useState(null);
const [pageLoading, setPageLoading] = useState(false);
const [imageSlider, setImageSlider] = useState(false);
@ -66,10 +67,54 @@ function Book({
)[0];
}, [userProducts, book]);
const videoAvailabileInCart = React.useMemo(() => {
return userProducts?.filter(
(product) => product?.productId === book?.product[2]?.id
)[0];
}, [userProducts, book]);
const addToCart = React.useCallback(
async (action, type) => {
setWhichTypeAdded(type);
await action();
},
[book, userId]
);
React.useEffect(() => {
if (userProducts.length && whichTypeAdded) {
setTimeout(() => {
if (whichTypeAdded === "video" && videoAvailabileInCart) {
asyncAwesomeAlert("", "به سبد خرید اضافه شد", {
showCancelButton: true,
onConfirm: () => navigation.push("ShoppingCart"),
confirmText: "مشاهده سبد خرید",
cancelText: "باشه",
});
} else if (whichTypeAdded === "physical" && physicalAvailabileInCart) {
asyncAwesomeAlert("", "به سبد خرید اضافه شد", {
showCancelButton: true,
onConfirm: () => navigation.push("ShoppingCart"),
confirmText: "مشاهده سبد خرید",
cancelText: "باشه",
});
} else if (whichTypeAdded === "digital" && digitalAvailabileInCart) {
asyncAwesomeAlert("", "به سبد خرید اضافه شد", {
showCancelButton: true,
onConfirm: () => navigation.push("ShoppingCart"),
confirmText: "مشاهده سبد خرید",
cancelText: "باشه",
});
}
setWhichTypeAdded(null);
}, 500);
}
}, [userProducts]);
return (
<ScrollView style={[tw("flex flex-1 relative")]}>
{!mobile && <View style={tw("mt-5")}></View>}
{(!book || userFavoriteLoading) && (
{(!book) && (
<View
style={[
tw("absolute left-0 top-0 rounded-md overflow-hidden"),
@ -221,17 +266,23 @@ function Book({
onPress={() =>
physicalAvailabileInCart
? asyncAwesomeAlert(
"نتیجه",
"این محصول قبلا به سبد خرید اضافه شده است.",
"",
"این محصول قبلا به سبد خرید شما اضافه شده است.",
{
showCancelButton: false,
showCancelButton: true,
onConfirm: () => navigation.push("ShoppingCart"),
confirmText: "مشاهده سبد خرید",
cancelText: "باشه",
}
)
: pushToCart({
: addToCart(
pushToCart({
productId: book?.product[1]?.id,
userId: userId,
count: 1,
})
}),
"physical"
)
}
>
<>
@ -278,17 +329,23 @@ function Book({
onPress={() =>
digitalAvailabileInCart
? asyncAwesomeAlert(
"خطا",
"این محصول قبلا به سبد خرید اضافه شده است.",
"",
"این محصول قبلا به سبد خرید شما اضافه شده است.",
{
showCancelButton: false,
showCancelButton: true,
onConfirm: () => navigation.push("ShoppingCart"),
confirmText: "مشاهده سبد خرید",
cancelText: "باشه",
}
)
: pushToCart({
: addToCart(
pushToCart({
productId: book?.product[0]?.id,
userId: userId,
count: 1,
})
}),
"digital"
)
}
>
<>
@ -356,11 +413,25 @@ function Book({
},
]}
onPress={() =>
videoAvailabileInCart
? asyncAwesomeAlert(
"",
"این محصول قبلا به سبد خرید شما اضافه شده است.",
{
showCancelButton: true,
onConfirm: () => navigation.push("ShoppingCart"),
confirmText: "مشاهده سبد خرید",
cancelText: "باشه",
}
)
: addToCart(
pushToCart({
productId: book?.product[2]?.id,
userId: userId,
count: 1,
})
}),
"video"
)
}
>
<>

2
src/screens/Profile/components/User.js
Unescape View File

@ -133,7 +133,7 @@ const User = ({ user, mobile, theme, logout }) => {
style={tw(`flex w-full ${mobile ? "mt-0" : "mt-4"}`)}
onPress={() =>
asyncAwesomeAlert(
"نتیجه",
"",
"آیا قصد خروج از حساب کاربری فعلی رو داری؟",
{
showCancelButton: true,

30
src/screens/ShoppingCart/components/Code.js
Unescape View File

@ -5,6 +5,7 @@ import {
Pressable,
TextInput,
KeyboardAvoidingView,
ActivityIndicator,
} from "react-native";
import { connect } from "react-redux";
import { userFactor } from "../../../redux/actions";
@ -14,13 +15,21 @@ import fontSize from "../../../constants/fontSize";
import Colors from "../../../constants/Colors";
import tw from "tailwind-rn";
function Code({ codeId, setCodeId, userId, factorId, theme }) {
function Code({ codeId, setCodeId, theme, loading }) {
const [value, setValue] = React.useState(codeId || "");
const [requestFlag, setRequestFlag] = React.useState(false);
const setOff = () => {
setCodeId({ offCodeValue: value, userId: userId, id: factorId });
setRequestFlag(true);
setCodeId({ offCodeValue: value });
};
React.useEffect(() => {
if (!loading) {
setRequestFlag(false);
}
}, [loading]);
return (
<KeyboardAvoidingView
enabled
@ -33,13 +42,13 @@ function Code({ codeId, setCodeId, userId, factorId, theme }) {
]}
>
<TextInput
onChaneText={(text) => setValue(text)}
onChangeText={(text) => setValue(text)}
style={[
tw("border-0 flex-1 text-right pr-3"),
{ fontSize: fontSize.tiny, fontFamily: "regular" },
]}
placeholder={"کد تخفیف دارید ؟"}
placeholderTextColor={Colors.theme1[theme].gray20 + 'aa'}
placeholderTextColor={Colors.theme1[theme].gray20 + "aa"}
/>
<Pressable
onPress={() => setOff()}
@ -52,6 +61,13 @@ function Code({ codeId, setCodeId, userId, factorId, theme }) {
},
]}
>
{loading && requestFlag ? (
<ActivityIndicator
size={fontSize.tiny}
color={Colors.theme1[theme].white}
style={tw('px-2')}
/>
) : (
<Text
style={[
tw("text-white"),
@ -60,6 +76,7 @@ function Code({ codeId, setCodeId, userId, factorId, theme }) {
>
ثبت کد
</Text>
)}
</Pressable>
</View>
</KeyboardAvoidingView>
@ -68,9 +85,8 @@ function Code({ codeId, setCodeId, userId, factorId, theme }) {
const mapStateToProps = (state) => ({
codeId: state.userFactor.info?.codeId,
userId: state.user.status?.id,
factorId: state.userFactor.info?.id,
theme: state.publicApi.theme
loading: state.userFactor.loading,
theme: state.publicApi.theme,
});
const mapDispatchToProps = {

51
src/screens/ShoppingCart/components/Product.js
Unescape View File

@ -21,7 +21,7 @@ import tw from "tailwind-rn";
const width = Dimensions.get("window").width;
const ios = Platform.OS === "ios";
function Product({ product, grades, pushToCart, loading, mobile, theme }) {
function Product({ product, grades, pushToCart, loading, mobile, theme, addActionFlag, getList }) {
const [selectedProduct, setSelectedProduct] = React.useState(null);
const submit = async (action) => {
@ -30,12 +30,13 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
};
React.useEffect(() => {
if(!loading){
if (!loading) {
setSelectedProduct(null);
}
},[loading]);
}, [loading]);
return (
product && (
<View
style={[
tw(
@ -51,7 +52,8 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
<View style={tw(`flex ${ios ? "flex-row" : "flex-row-reverse"}`)}>
<Image
source={{
uri: "https://dnvn.ir/api/v1/file/" + product.product.book.fileIds,
uri:
"https://dnvn.ir/api/v1/file/" + product.product.book.fileIds,
}}
style={[
tw(""),
@ -72,7 +74,7 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
fontFamily: "bold",
}}
>
{product?.product?.book?.name || " "}
{product.product.book.name || " "}
</Text>
<Text
style={{
@ -82,7 +84,7 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
fontFamily: "regular",
}}
>
{"پایه" + " " + grades[product?.product?.book?.gradeId] || " "}
{"پایه" + " " + grades[product.product.book.gradeId] || " "}
</Text>
<Text
style={{
@ -91,7 +93,7 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
fontFamily: "regular",
}}
>
{product?.productType || 1 === 2 ? "نسخه فیزیکی" : "نسخه دیجیتال"}
{product.productType || 1 === 2 ? "نسخه فیزیکی" : "نسخه دیجیتال"}
</Text>
<View
style={tw(
@ -118,13 +120,15 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
},
]}
>
{separate(product?.product?.price) || " "}
{separate(product.product.price) || " "}
</Text>
</View>
</View>
</View>
<View
style={tw(`flex justify-between ${ios ? "items-end" : "items-start"}`)}
style={tw(
`flex justify-between ${ios ? "items-end" : "items-start"}`
)}
>
<AntDesign
name="close"
@ -134,12 +138,12 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
submit(
pushToCart(
{
productId: product?.productId,
userId: product?.userId,
count: product?.productType === 1 ? -1 : -product?.count,
productId: product.productId,
userId: product.userId,
count: product.productType === 1 ? -1 : -product?.count,
},
{},
{ id: product?.factorId }
{ id: product.factorId }
)
)
}
@ -147,15 +151,17 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
<View style={tw("flex items-center mt-2")}>
<View
style={tw(
`flex items-center mb-3 ${ios ? "flex-row" : "flex-row-reverse"}`
`flex items-center mb-3 ${
ios ? "flex-row" : "flex-row-reverse"
}`
)}
>
<Pressable
onPress={() =>
submit(
pushToCart({
productId: product?.productId,
userId: product?.userId,
productId: product.productId,
userId: product.userId,
count: 1,
})
)
@ -181,7 +187,7 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
+
</Text>
</Pressable>
{loading && selectedProduct === product?.productId ? (
{(loading && selectedProduct === product.productId) ? (
<ActivityIndicator
style={tw("mx-2")}
size="small"
@ -198,7 +204,7 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
},
]}
>
{product?.count}
{product.count}
</Text>
)}
@ -206,8 +212,8 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
onPress={() =>
submit(
pushToCart({
productId: product?.productId,
userId: product?.userId,
productId: product.productId,
userId: product.userId,
count: -1,
})
)
@ -252,12 +258,13 @@ function Product({ product, grades, pushToCart, loading, mobile, theme }) {
},
]}
>
{separate(product?.product?.price * product?.count) || " "}
{separate(product.product.price * product.count) || " "}
</Text>
</View>
</View>
</View>
</View>
)
);
}
@ -265,10 +272,12 @@ const mapStateToProps = (state) => ({
grades: state.publicApi.grades,
mobile: state.publicApi.mobile,
theme: state.publicApi.theme,
addActionFlag: state.userProduct.addActionFlag,
});
const mapDispatchToProps = {
pushToCart: userProduct.add,
getList: userProduct.list
};
export default connect(mapStateToProps, mapDispatchToProps)(Product);

6
src/screens/ShoppingCart/index.js
Unescape View File

@ -91,7 +91,7 @@ function ShoppingCart({
getFactorInfo,
loading,
payFactor,
theme
theme,
}) {
const navigation = useNavigation();
const [position, setPosition] = useState("100%");
@ -109,9 +109,7 @@ function ShoppingCart({
}, [list]);
useEffect(() => {
if (list.length === 0) {
getList();
}
getFactorInfo({ userId });
}, []);
@ -293,7 +291,7 @@ const mapStateToProps = (state) => ({
userId: state.user.status?.id,
hasPhysical: state.userProduct.hasPhysical,
loading: state.userProduct.loading,
theme: state.publicApi.theme
theme: state.publicApi.theme,
});
const mapDispatchToProps = {

55
src/screens/Video/index.js
Unescape View File

@ -11,9 +11,11 @@ import {
Text,
Appearance,
} from "react-native";
import { useNavigation } from "@react-navigation/native";
import { connect } from "react-redux";
import { publicApi, userProduct } from "../../redux/actions";
import separate from "../../utils/separate";
import { asyncAwesomeAlert } from "../../utils/AsyncWrappers";
//components
import Navbar from "../../components/Navbar";
@ -40,10 +42,12 @@ function Product({
pushToCart,
loading,
mobile,
theme
theme,
userProducts,
}) {
const [position, setPosition] = useState("100%");
const navigation = useNavigation();
const [addedFlag, setAddedFlag] = React.useState(false);
useEffect(() => {
getBook({ bookId: route.params.id }, { id: route.params.id, vod: true });
}, []);
@ -52,6 +56,32 @@ function Product({
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
setPosition(position === "100%" ? "0%" : "100%");
};
const videoAvailabileInCart = React.useMemo(() => {
return userProducts?.filter(
(product) => product?.productId === book?.product[2]?.id
)[0];
}, [userProducts, book]);
const addToCart = React.useCallback(
async (action) => {
setAddedFlag(true);
await action();
},
[book, userId]
);
React.useEffect(() => {
if (videoAvailabileInCart && addedFlag) {
setAddedFlag(false);
asyncAwesomeAlert("", "به سبد خرید اضافه شد", {
showCancelButton: false,
onConfirm: () => navigation.push("ShoppingCart"),
confirmText: "مشاهده سبد خرید",
});
}
}, [userProducts]);
return (
<SafeAreaView
style={{
@ -90,7 +120,10 @@ function Product({
resizeMode="contain"
style={[
tw("rounded-sm ml-2"),
{ height: mobile ? width / 3 * 4 / 2.6 : 300, width: mobile ? width / 3 : 210 },
{
height: mobile ? ((width / 3) * 4) / 2.6 : 300,
width: mobile ? width / 3 : 210,
},
]}
/>
<View style={tw("flex items-end flex-1")}>
@ -135,11 +168,24 @@ function Product({
width={"100%"}
loading={loading}
onPress={() =>
videoAvailabileInCart
? asyncAwesomeAlert(
"",
"این محصول قبلا به سبد خرید شما اضافه شده است.",
{
showCancelButton: true,
onConfirm: () => navigation.push("ShoppingCart"),
confirmText: "مشاهده سبد خرید",
cancelText: "باشه",
}
)
: addToCart(
pushToCart({
productId: book?.product[2]?.id,
userId: userId,
count: 1,
})
)
}
/>
</View>
@ -170,13 +216,14 @@ const styles = StyleSheet.create({
const mapStateToProps = (state) => ({
book: state.book.info,
userProducts: state.userProduct.list,
seasons: state.publicApi.categories,
grades: state.publicApi.grades,
isLogin: state.user.status,
userId: state.user.status?.id,
loading: state.userProduct.loading,
mobile: state.publicApi.mobile,
theme: state.publicApi.theme
theme: state.publicApi.theme,
});
const mapDispatchToProps = {

17
src/screens/VideoDisplay/index.js
Unescape View File

@ -31,7 +31,6 @@ const ios = Platform.OS === "ios";
function VideoDisplay({ route, mobile, theme }) {
const video = React.useRef(null);
const [width, setWidth] = useState(Dimensions.get("window").width);
const [status, setStatus] = React.useState({});
const [position, setPosition] = useState("100%");
const setBoxPosition = () => {
@ -39,15 +38,7 @@ function VideoDisplay({ route, mobile, theme }) {
setPosition(position === "100%" ? "0%" : "100%");
};
const setOrientation = () => {
if (Dimensions.get("window").height > Dimensions.get("window").width) {
//Device is in portrait mode, rotate to landscape mode.
ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.LANDSCAPE);
} else {
//Device is in landscape mode, rotate to portrait mode.
ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT);
}
}
console.log(video);
return (
<SafeAreaView
@ -79,15 +70,13 @@ function VideoDisplay({ route, mobile, theme }) {
<View style={tw("flex ")}>
<Video
ref={video}
style={{ width: "100%", height: (width * 9) / 16 - 16 }}
style={{ width: "100%", height: (width * 9) / 16 - 16}}
source={{
uri: `https://dnvn.ir/api/v1/file/${route.params.unit?.fileIds}`,
}}
useNativeControls
resizeMode="cover"
onFullscreenUpdate={setOrientation}
isLooping
onPlaybackStatusUpdate={(status) => setStatus(() => status)}
/>
<Text
style={{

Write Preview
Loading…
Cancel
Save