You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
927 B
30 lines
927 B
2 days ago
|
import { Text, View } from 'react-native';
|
||
|
|
|
||
|
|
export const EditScreenInfo = ({ path }: { path: string }) => {
|
||
|
|
const title = 'Open up the code for this screen:';
|
||
|
|
const description =
|
||
|
|
'Change any of the text, save the file, and your app will automatically update.';
|
||
|
|
|
||
|
|
return (
|
||
|
|
<View>
|
||
|
|
<View className={styles.getStartedContainer}>
|
||
|
|
<Text className={styles.getStartedText}>{title}</Text>
|
||
|
|
<View className={styles.codeHighlightContainer + styles.homeScreenFilename}>
|
||
|
|
<Text>{path}</Text>
|
||
|
|
</View>
|
||
|
|
<Text className={styles.getStartedText}>{description}</Text>
|
||
|
|
</View>
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
const styles = {
|
||
|
|
codeHighlightContainer: `rounded-md px-1`,
|
||
|
|
getStartedContainer: `items-center mx-12`,
|
||
|
|
getStartedText: `text-lg leading-6 text-center`,
|
||
|
|
helpContainer: `items-center mx-5 mt-4`,
|
||
|
|
helpLink: `py-4`,
|
||
|
|
helpLinkText: `text-center`,
|
||
|
|
homeScreenFilename: `my-2`,
|
||
|
|
};
|