[REFACTORING] Regrouping the end

JustalK · Dec 12, 2020 · 6387d5d · 6387d5d
1 parent 54ba4ed
commit 6387d5d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 13 deletions.
diff --git a/src/pages/Listing.tsx b/src/pages/Listing.tsx
@@ -9,7 +9,7 @@ import {
 	NativeScrollSize,
 	NativeScrollPoint,
 } from 'react-native';
-import { styleMain } from '../styles/main';
+import { styleMain, stylePage } from '../styles/main';
 import { colors } from '../styles/colors';
 import Project from '../components/Project';
 import Loading from '../components/Loading';
@@ -73,7 +73,7 @@ export default class Portfolio extends Component<ListingProps, ListingStates> {
 	}
 
 	renderEndOfPage(): JSX.Element {
-		return <Text style={styles.end}>You have reached the bottom of the page</Text>;
+		return <Text style={stylePage.end}>You have reached the bottom of the page</Text>;
 	}
 
 	renderLoadingMore(): JSX.Element {
@@ -136,15 +136,6 @@ export default class Portfolio extends Component<ListingProps, ListingStates> {
 }
 
 const styles = StyleSheet.create({
-	end: {
-		fontSize: 20,
-		fontFamily: 'LatoLight',
-		textAlign: 'center',
-		color: colors.cyan,
-		alignSelf: 'center',
-		marginTop: 50,
-		marginBottom: 100,
-	},
 	loaderPadding: {
 		padding: 100,
 	},

diff --git a/src/pages/ProjectZoom.tsx b/src/pages/ProjectZoom.tsx
@@ -5,7 +5,7 @@ import Slide from '../components/Slide';
 import Title from '../components/Title';
 import Description from '../components/Description';
 import {FIRST_ID_PROJECT} from '../libs/constants';
-import { styleMain } from '../styles/main';
+import { styleMain, stylePage } from '../styles/main';
 import ApiProject from '../services/ApiProject';
 import ApiSlide from '../services/ApiSlide';
 import { ProjectZoomProps, ProjectZoomStates } from '../interfaces/ProjectZoom';
@@ -68,7 +68,7 @@ export default class ProjectZoom extends Component<ProjectZoomProps, ProjectZoom
 	}
 
 	renderEndOfPage(): JSX.Element {
-		return <Text style={styles.end}>You have reached the bottom of the page</Text>;
+		return <Text style={stylePage.end}>You have reached the bottom of the page</Text>;
 	}
 
 	renderLoadingMore(): JSX.Element {

diff --git a/src/styles/main.ts b/src/styles/main.ts
@@ -27,3 +27,15 @@ export const styleMain = StyleSheet.create({
 		padding: 20,
 	},
 });
+
+export const stylePage = StyleSheet.create({
+	end: {
+		fontSize: 20,
+		fontFamily: 'LatoLight',
+		textAlign: 'center',
+		color: colors.cyan,
+		alignSelf: 'center',
+		marginTop: 50,
+		marginBottom: 100,
+	}
+});