|
|
|
@ -32,6 +32,7 @@ function Commnets({ |
|
|
|
|
getFullList, |
|
|
|
|
orderFullList, |
|
|
|
|
theme, |
|
|
|
|
mobile, |
|
|
|
|
}) { |
|
|
|
|
React.useEffect(() => { |
|
|
|
|
if (!orderFullList?.length) { |
|
|
|
@ -50,7 +51,7 @@ function Commnets({ |
|
|
|
|
renderItem={({ item }) => <Comment comment={item} theme={theme} />} |
|
|
|
|
keyExtractor={(item) => item?.id} |
|
|
|
|
/> |
|
|
|
|
<AddComment addComment={addComment} productId={productId} theme={theme} /> |
|
|
|
|
<AddComment addComment={addComment} productId={productId} theme={theme} mobile={mobile} /> |
|
|
|
|
</View> |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
@ -124,7 +125,7 @@ const Comment = ({ comment, theme }) => { |
|
|
|
|
); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const AddComment = ({ addComment, productId, theme, ...props }) => { |
|
|
|
|
const AddComment = ({ addComment, productId, theme, mobile, ...props }) => { |
|
|
|
|
const [commentForm, setCommentForm] = React.useState({ |
|
|
|
|
title: "", |
|
|
|
|
text: "", |
|
|
|
@ -132,16 +133,12 @@ const AddComment = ({ addComment, productId, theme, ...props }) => { |
|
|
|
|
productId: null, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const colorScheme = React.useMemo(() => { |
|
|
|
|
return Appearance.getColorScheme(); |
|
|
|
|
}, [props.useless]); |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<KeyboardAvoidingView |
|
|
|
|
behavior={ios ? "padding" : "height"} |
|
|
|
|
style={[tw("flex items-end")]} |
|
|
|
|
> |
|
|
|
|
<Avatar source={null} size={width / 5.5} /> |
|
|
|
|
<Avatar source={null} size={mobile ? width / 5.5 : width / 7} /> |
|
|
|
|
<TextInput |
|
|
|
|
style={[ |
|
|
|
|
tw("w-full mt-4 px-2 rounded-md"), |
|
|
|
@ -217,6 +214,7 @@ const AddComment = ({ addComment, productId, theme, ...props }) => { |
|
|
|
|
const mapStateToProps = (state) => ({ |
|
|
|
|
orderFullList: state.userFactor.fullList, |
|
|
|
|
theme: state.publicApi.theme, |
|
|
|
|
mobile: state.publicApi.mobile, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const mapDispatchToProps = { |
|
|
|
|