lori/drip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prettify common files

Browse Source
This commit is contained in:
Sofiya Tepikin
2022-08-23 12:55:25 +02:00
parent 732f19ed63
commit 1b8fd97d16
13 changed files with 52 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/common/app-icon.js
+5 -5
View File
@@ -14,17 +14,17 @@ const AppIcon = ({ color, name, style, ...props }) => {
AppIcon.propTypes = {
color: PropTypes.string,
name: PropTypes.string.isRequired,
style: PropTypes.object
style: PropTypes.object,
}
AppIcon.defaultProps = {
color: 'black'
color: 'black',
}
const styles = StyleSheet.create({
icon: {
fontSize: Sizes.subtitle
}
fontSize: Sizes.subtitle,
},
})
export default AppIcon
export default AppIcon
components/common/app-loading.js
+2 -2
View File
@@ -17,8 +17,8 @@ const AppLoadingView = () => {
const styles = StyleSheet.create({
container: {
...Containers.centerItems
}
...Containers.centerItems,
},
})
export default AppLoadingView
components/common/app-modal.js
+4 -4
View File
@@ -3,9 +3,9 @@ import { Modal, StyleSheet, TouchableOpacity } from 'react-native'
import PropTypes from 'prop-types'
const AppModal = ({ children, onClose }) => {
return(
return (
<Modal
animationType='fade'
animationType="fade"
onRequestClose={onClose}
transparent={true}
visible={true}
@@ -18,7 +18,7 @@ const AppModal = ({ children, onClose }) => {
AppModal.propTypes = {
children: PropTypes.node,
onClose: PropTypes.func
onClose: PropTypes.func,
}
const styles = StyleSheet.create({
@@ -26,7 +26,7 @@ const styles = StyleSheet.create({
backgroundColor: 'black',
flex: 1,
opacity: 0.5,
}
},
})
export default AppModal
components/common/app-page.js
+7 -7
View File
@@ -13,7 +13,7 @@ const AppPage = ({
title,
...props
}) => {
return(
return (
<View style={styles.container}>
<ScrollView
contentContainerStyle={[styles.scrollView, contentContainerStyle]}
@@ -31,21 +31,21 @@ AppPage.propTypes = {
children: PropTypes.node,
contentContainerStyle: PropTypes.object,
scrollViewStyle: PropTypes.object,
title: PropTypes.string
title: PropTypes.string,
}
const styles = StyleSheet.create({
container: {
backgroundColor: Colors.turquoiseLight,
flex: 1
flex: 1,
},
scrollView: {
backgroundColor: Colors.turquoiseLight,
flexGrow: 1
flexGrow: 1,
},
title: {
...Typography.title
}
...Typography.title,
},
})
export default AppPage
export default AppPage
components/common/app-status-bar.js
+1 -1
View File
@@ -23,7 +23,7 @@ const styles = StyleSheet.create({
statusBar: {
backgroundColor: Colors.purple,
height: STATUSBAR_HEIGHT,
}
},
})
export default AppStatusBar
components/common/app-switch.js
+4 -4
View File
@@ -20,19 +20,19 @@ const AppSwitch = ({ onToggle, text, value }) => {
AppSwitch.propTypes = {
onToggle: PropTypes.func.isRequired,
text: PropTypes.string,
value: PropTypes.bool
value: PropTypes.bool,
}
const styles = StyleSheet.create({
container: {
...Containers.rowContainer
...Containers.rowContainer,
},
switch: {
flex: 1,
},
textContainer: {
flex: 4,
}
},
})
export default AppSwitch
export default AppSwitch
components/common/app-text-input.js
+3 -3
View File
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types'
import { Colors, Spacing, Typography } from '../../styles'
const AppTextInput = ({ style, isKeyboardOffset, ...props }) => {
const behavior = isKeyboardOffset ? "padding" : "height"
const behavior = isKeyboardOffset ? 'padding' : 'height'
const keyboardVerticalOffset = isKeyboardOffset ? 300 : 0
return (
@@ -39,8 +39,8 @@ const styles = StyleSheet.create({
minWidth: '80%',
paddingHorizontal: Spacing.base,
paddingVertical: Spacing.tiny,
...Typography.mainText
}
...Typography.mainText,
},
})
export default AppTextInput
components/common/app-text.js
+3 -3
View File
@@ -26,8 +26,8 @@ AppText.propTypes = {
const styles = StyleSheet.create({
text: {
color: Colors.greyDark,
...Typography.mainText
}
...Typography.mainText,
},
})
export default AppText
export default AppText
components/common/close-icon.js
+4 -4
View File
@@ -4,7 +4,7 @@ import { StyleSheet, TouchableOpacity } from 'react-native'
import AppIcon from './app-icon'
import { HIT_SLOP} from '../../config'
import { HIT_SLOP } from '../../config'
import { Colors, Sizes } from '../../styles'
const CloseIcon = ({ onClose, color, ...props }) => {
@@ -15,21 +15,21 @@ const CloseIcon = ({ onClose, color, ...props }) => {
style={styles.container}
{...props}
>
<AppIcon name='cross' color={color ? color : Colors.orange} />
<AppIcon name="cross" color={color ? color : Colors.orange} />
</TouchableOpacity>
)
}
CloseIcon.propTypes = {
onClose: PropTypes.func.isRequired,
color: PropTypes.string
color: PropTypes.string,
}
const styles = StyleSheet.create({
container: {
alignSelf: 'flex-start',
marginBottom: Sizes.base,
}
},
})
export default CloseIcon
components/common/link.js
+4 -4
View File
@@ -21,7 +21,7 @@ const Link = ({ children, style }) => {
Link.propTypes = {
children: PropTypes.node,
style: PropTypes.object
style: PropTypes.object,
}
const styles = StyleSheet.create({
@@ -29,12 +29,12 @@ const styles = StyleSheet.create({
color: Colors.purple,
textDecorationLine: 'underline',
...Typography.mainText,
}
},
})
function replaceUrlWithText(url) {
const link = Object.values(links).find(l => l.url === url)
const link = Object.values(links).find((l) => l.url === url)
return (link && link.text) || url
}
export default Link
export default Link
components/common/menu-icon.js
+2 -2
View File
@@ -15,7 +15,7 @@ const MenuIcon = ({ isActive, name }) => {
MenuIcon.propTypes = {
isActive: PropTypes.bool,
name: PropTypes.string.isRequired
name: PropTypes.string.isRequired,
}
export default MenuIcon
export default MenuIcon
components/common/segment.js
+2 -2
View File
@@ -43,7 +43,7 @@ const styles = StyleSheet.create({
},
title: {
...Typography.subtitle,
}
},
})
export default Segment
export default Segment
components/common/table.js
+11 -11
View File
@@ -7,17 +7,17 @@ import AppText from './app-text'
import { Sizes, Spacing, Typography } from '../../styles'
const Table = ({ tableContent }) => {
return (
tableContent.map((rowContent, i) => <Row key={i} rowContent={rowContent} />)
)
return tableContent.map((rowContent, i) => (
<Row key={i} rowContent={rowContent} />
))
}
Table.propTypes = {
tableContent: PropTypes.array.isRequired
tableContent: PropTypes.array.isRequired,
}
const Row = ({ rowContent }) => {
return(
return (
<View style={styles.row}>
<Cell content={rowContent[0]} isLeft />
<Cell content={rowContent[1]} />
@@ -26,7 +26,7 @@ const Row = ({ rowContent }) => {
}
Row.propTypes = {
rowContent: PropTypes.array.isRequired
rowContent: PropTypes.array.isRequired,
}
const Cell = ({ content, isLeft }) => {
@@ -35,7 +35,7 @@ const Cell = ({ content, isLeft }) => {
const numberOfLines = isLeft ? 1 : 2
const ellipsizeMode = isLeft ? 'clip' : 'tail'
return(
return (
<View style={styleContainer}>
<AppText
numberOfLines={numberOfLines}
@@ -61,7 +61,7 @@ const styles = StyleSheet.create({
},
accentPurpleBig: {
...Typography.accentPurpleBig,
marginRight: Spacing.tiny
marginRight: Spacing.tiny,
},
cellLeft: {
alignItems: 'flex-end',
@@ -75,8 +75,8 @@ const styles = StyleSheet.create({
row: {
flexDirection: 'row',
marginBottom: Spacing.tiny,
marginLeft: Spacing.tiny
}
marginLeft: Spacing.tiny,
},
})
export default Table
export default Table