-
Notifications
You must be signed in to change notification settings - Fork 55
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* add binary target * add openssl before copy * add new screen console and icon for new UI/UX * clean * try fix login + try logs notes and do a view text * try fix kind * undo nav
- Loading branch information
Showing
22 changed files
with
327 additions
and
1,364 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,97 @@ | ||
import {useState} from 'react'; | ||
import {KeyboardAvoidingView, ScrollView, Text, View} from 'react-native'; | ||
import {SafeAreaView} from 'react-native-safe-area-context'; | ||
|
||
import {TextButton} from '../../components'; | ||
import TabSelector from '../../components/TabSelector'; | ||
import {useStyles, useTheme} from '../../hooks'; | ||
import {PixelPeace} from '../../modules/PixelPeace'; | ||
import {ConsoleScreenProps} from '../../types'; | ||
import {SelectedTab, TABS_CONSOLE} from '../../types/tab'; | ||
import {AllKeysComponent} from '../KeysMarketplace/AllKeysComponent'; | ||
import {LaunchpadComponent} from '../Launchpad/LaunchpadComponent'; | ||
import {SlinksMap} from '../Slink/SlinksMap'; | ||
import stylesheet from './styles'; | ||
import {NameserviceComponent} from '../../modules/nameservice'; | ||
|
||
export const ConsoleScreen: React.FC<ConsoleScreenProps> = ({navigation}) => { | ||
const theme = useTheme(); | ||
const styles = useStyles(stylesheet); | ||
const [selectedTab, setSelectedTab] = useState<SelectedTab | undefined>( | ||
SelectedTab.LAUNCHPAD_VIEW, | ||
); | ||
const handleTabSelected = (tab: string | SelectedTab, screen?: string) => { | ||
setSelectedTab(tab as any); | ||
if (screen) { | ||
navigation.navigate(screen as any); | ||
} | ||
}; | ||
return ( | ||
<View style={styles.container}> | ||
<SafeAreaView edges={['top', 'left', 'right']} style={styles.header}> | ||
<TextButton style={styles.cancelButton} onPress={navigation.goBack}> | ||
Cancel | ||
</TextButton> | ||
</SafeAreaView> | ||
<KeyboardAvoidingView behavior="padding" style={styles.content}> | ||
<TabSelector | ||
activeTab={selectedTab} | ||
handleActiveTab={handleTabSelected} | ||
buttons={TABS_CONSOLE} | ||
addScreenNavigation={false} | ||
></TabSelector> | ||
<SafeAreaView edges={['bottom', 'left', 'right']} style={styles.viewContent}> | ||
<ScrollView> | ||
{selectedTab == SelectedTab.PIXEL_PEACE && ( | ||
<> | ||
<PixelPeace></PixelPeace> | ||
</> | ||
)} | ||
|
||
{selectedTab == SelectedTab.SLINK && ( | ||
<> | ||
<SlinksMap></SlinksMap> | ||
</> | ||
)} | ||
|
||
{selectedTab == SelectedTab.LAUNCHPAD_VIEW && ( | ||
<View> | ||
<LaunchpadComponent isButtonInstantiateEnable={true}></LaunchpadComponent> | ||
</View> | ||
)} | ||
|
||
{selectedTab == SelectedTab.NAMESERVICE && ( | ||
<View> | ||
<NameserviceComponent></NameserviceComponent> | ||
</View> | ||
)} | ||
|
||
{selectedTab == SelectedTab?.VIEW_KEYS_MARKETPLACE && ( | ||
<> | ||
<View | ||
style={{ | ||
paddingVertical: 5, | ||
borderRadius: 5, | ||
borderColor: theme.theme?.colors?.shadow, | ||
}} | ||
> | ||
<Text style={styles.text}>Key pass for Starknet user</Text> | ||
<Text style={styles.text}> | ||
{' '} | ||
Send the force and tip your friends and favorite content creator. | ||
</Text> | ||
<Text style={styles.text}> | ||
{' '} | ||
Buy or sell the keys to get perks and rewards from them, linked to Nostr & | ||
Starknet. | ||
</Text> | ||
</View> | ||
<AllKeysComponent isButtonInstantiateEnable={true}></AllKeysComponent> | ||
</> | ||
)} | ||
</ScrollView> | ||
</SafeAreaView> | ||
</KeyboardAvoidingView> | ||
</View> | ||
); | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,76 @@ | ||
// import {StyleSheet} from 'react-native'; | ||
|
||
import {Spacing, ThemedStyleSheet, Typography} from '../../styles'; | ||
|
||
export default ThemedStyleSheet((theme) => ({ | ||
container: { | ||
flex: 1, | ||
color: theme.colors.text, | ||
backgroundColor: theme.colors.background, | ||
}, | ||
header: { | ||
flexDirection: 'row', | ||
justifyContent: 'space-between', | ||
backgroundColor: theme.colors.surface, | ||
paddingHorizontal: Spacing.pagePadding, | ||
// borderBottomWidth: StyleSheet.hairlineWidth, | ||
// borderBottomColor: theme.colors.divider, | ||
}, | ||
cancelButton: { | ||
paddingVertical: Spacing.small, | ||
paddingHorizontal: Spacing.xsmall, | ||
}, | ||
content: { | ||
flex: 1, | ||
backgroundColor: theme.colors.background, | ||
margin: Spacing.pagePadding, | ||
// color: theme.colors.text, | ||
}, | ||
viewContent: { | ||
flex: 1, | ||
backgroundColor: theme.colors.background, | ||
marginTop: Spacing.pagePadding, | ||
marginBottom: Spacing.pagePadding, | ||
// color: theme.colors.text, | ||
}, | ||
form: { | ||
flex: 1, | ||
}, | ||
input: { | ||
flex: 1, | ||
padding: Spacing.large, | ||
color: theme.colors.inputText, | ||
textAlignVertical: 'top', | ||
fontSize: 16, | ||
lineHeight: 24, | ||
...Typography.medium, | ||
}, | ||
imageContainer: { | ||
padding: Spacing.pagePadding, | ||
}, | ||
image: { | ||
width: '100%', | ||
resizeMode: 'cover', | ||
borderRadius: 8, | ||
overflow: 'hidden', | ||
}, | ||
|
||
buttons: { | ||
position: 'relative', | ||
}, | ||
mediaButtons: { | ||
flexDirection: 'row', | ||
paddingHorizontal: Spacing.pagePadding, | ||
paddingVertical: Spacing.small, | ||
gap: Spacing.large, | ||
alignItems: 'center', | ||
}, | ||
sendButton: { | ||
position: 'absolute', | ||
right: Spacing.pagePadding, | ||
bottom: '110%', | ||
}, | ||
text: { | ||
color: theme.colors.text, | ||
}, | ||
})); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.