mirror of
https://github.com/theoludwig/p61-project.git
synced 2024-07-17 07:00:12 +02:00
82 lines
1.9 KiB
TypeScript
82 lines
1.9 KiB
TypeScript
|
import { View } from "react-native"
|
||
|
import { Text } from "react-native-paper"
|
||
|
import { SafeAreaView } from "react-native-safe-area-context"
|
||
|
|
||
|
import { ExternalLink } from "@/presentation/react-native/ui/ExternalLink"
|
||
|
import { getVersion } from "@/utils/version"
|
||
|
|
||
|
export interface AboutProps {
|
||
|
actionButton: React.ReactNode
|
||
|
}
|
||
|
|
||
|
export const About: React.FC<AboutProps> = (props) => {
|
||
|
const { actionButton } = props
|
||
|
|
||
|
const version = getVersion()
|
||
|
|
||
|
return (
|
||
|
<SafeAreaView
|
||
|
style={{
|
||
|
flex: 1,
|
||
|
paddingHorizontal: 20,
|
||
|
}}
|
||
|
>
|
||
|
<View style={{ alignItems: "center", marginVertical: 20 }}>
|
||
|
<Text
|
||
|
style={{
|
||
|
fontWeight: "bold",
|
||
|
fontSize: 28,
|
||
|
textAlign: "center",
|
||
|
}}
|
||
|
>
|
||
|
Habits Tracker
|
||
|
</Text>
|
||
|
|
||
|
<Text
|
||
|
style={{
|
||
|
marginTop: 6,
|
||
|
fontWeight: "bold",
|
||
|
fontSize: 18,
|
||
|
textAlign: "center",
|
||
|
}}
|
||
|
>
|
||
|
To perform at work and in everyday life.
|
||
|
</Text>
|
||
|
|
||
|
<Text
|
||
|
style={{
|
||
|
marginTop: 6,
|
||
|
fontWeight: "bold",
|
||
|
fontSize: 16,
|
||
|
textAlign: "center",
|
||
|
}}
|
||
|
>
|
||
|
v{version}
|
||
|
</Text>
|
||
|
</View>
|
||
|
|
||
|
<Text variant="bodyLarge" style={{ textAlign: "center" }}>
|
||
|
<ExternalLink href="https://unistra.fr" style={{ color: "#006CFF" }}>
|
||
|
Université de Strasbourg
|
||
|
</ExternalLink>
|
||
|
</Text>
|
||
|
<Text variant="bodyLarge" style={{ textAlign: "center" }}>
|
||
|
BUT Informatique - IUT Robert Schuman
|
||
|
</Text>
|
||
|
<Text variant="bodyLarge" style={{ textAlign: "center" }}>
|
||
|
P61 Mobile Development
|
||
|
</Text>
|
||
|
|
||
|
<View
|
||
|
style={{
|
||
|
justifyContent: "center",
|
||
|
alignItems: "center",
|
||
|
marginVertical: 20,
|
||
|
}}
|
||
|
>
|
||
|
{actionButton}
|
||
|
</View>
|
||
|
</SafeAreaView>
|
||
|
)
|
||
|
}
|