Organize files
Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
This commit is contained in:
@@ -10,7 +10,7 @@ const styles = StyleSheet.create({
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const ActionButton = () => {
|
const FloatingActionButton = () => {
|
||||||
const [state, setState] = React.useState(false);
|
const [state, setState] = React.useState(false);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -51,4 +51,4 @@ const ActionButton = () => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default ActionButton;
|
export default FloatingActionButton;
|
@@ -1,2 +1,3 @@
|
|||||||
|
export { default as FloatingActionButton } from './floatingActionButton';
|
||||||
export { default as LoadingView } from './loadingView';
|
export { default as LoadingView } from './loadingView';
|
||||||
export { default as PaddedView } from './paddedView';
|
export { default as PaddedView } from './paddedView';
|
||||||
|
@@ -7,7 +7,7 @@ import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
|
|||||||
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
|
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
|
||||||
import { BottomNavigation, useTheme } from 'react-native-paper';
|
import { BottomNavigation, useTheme } from 'react-native-paper';
|
||||||
import { Home, Search, Tags, Settings } from './screens';
|
import { Home, Search, Tags, Settings } from './screens';
|
||||||
import ActionButton from './components/actionButton';
|
import { FloatingActionButton } from './components';
|
||||||
import { horizontalScale } from './styles';
|
import { horizontalScale } from './styles';
|
||||||
|
|
||||||
function NavigationContainer() {
|
function NavigationContainer() {
|
||||||
@@ -108,7 +108,7 @@ function NavigationContainer() {
|
|||||||
/>
|
/>
|
||||||
</TabNavigator.Navigator>
|
</TabNavigator.Navigator>
|
||||||
</NavigationContainerBase>
|
</NavigationContainerBase>
|
||||||
{showFab && <ActionButton />}
|
{showFab && <FloatingActionButton />}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@@ -11,7 +11,6 @@ const WelcomeScreen = (properties: { selectStorageLocation: () => void }) => {
|
|||||||
style={[styles.marginBottom, styles.centerText]}>
|
style={[styles.marginBottom, styles.centerText]}>
|
||||||
Welcome to Terminally Online!
|
Welcome to Terminally Online!
|
||||||
</Text>
|
</Text>
|
||||||
|
|
||||||
<Button mode="contained" onPress={properties.selectStorageLocation}>
|
<Button mode="contained" onPress={properties.selectStorageLocation}>
|
||||||
Select Storage Location
|
Select Storage Location
|
||||||
</Button>
|
</Button>
|
||||||
|
@@ -17,11 +17,6 @@ const styles = StyleSheet.create({
|
|||||||
padding: {
|
padding: {
|
||||||
padding: '5%',
|
padding: '5%',
|
||||||
},
|
},
|
||||||
spaceBetweenHorizontal: {
|
|
||||||
flexDirection: 'row',
|
|
||||||
justifyContent: 'space-between',
|
|
||||||
alignItems: 'center',
|
|
||||||
},
|
|
||||||
centered: {
|
centered: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
|
Reference in New Issue
Block a user