Style tab navigation.

.gitlab-ci.yml

@@ -1,34 +0,0 @@
-stages:
-    - build
-    - deploy
-
-build:
-    image: reactnativecommunity/react-native-android
-    stage: build
-    script:
-        - yarn install
-        - cd android && chmod +x gradlew
-        - ./gradlew assembleRelease
-    artifacts:
-        paths:
-            - android/app/build/outputs/
-
-
-deploy_tg:
-    image: curlimages/curl
-    stage: deploy
-    script:
-        - >-
-            curl
-            -F chat_id=$TG_CHAT_ID
-            -F document=@android/app/build/outputs/apk/release/app-release.apk
-            -F caption=" <b>Branch</b>: <code>$CI_COMMIT_BRANCH</code>
-
-            <b>Commit</b>: <code>$CI_COMMIT_SHORT_SHA</code>
-
-            <b>Tag(if any)</b>: <code>$CI_COMMIT_TAG</code>
-
-
-            <code>$CI_COMMIT_MESSAGE</code>"
-            -F parse_mode=html
-            https://api.telegram.org/bot${TG_BOT_TOKEN}/sendDocument

components/InputDialog.js

@@ -9,26 +9,6 @@ import {
 
 export default function InputDialog({ visible, onOK, onDismiss, title, label, placeholder }) {
 	const [ text, setText ] = useState("");
-	const [ error, setError ] = useState(false);
-
-	function onChangeText(text) {
-		setText(text);
-		setError(text === "");
-	}
-
-	function onCancel() {
-		onDismiss();
-		setText("");
-	}
-
-	function onDone() {
-		if (text === "") {
-			setError(true);
-			return;
-		}
-		onOK(text);
-		setText("");
-	}
 	return (
 		<Portal>
 			<Dialog
@@ -40,14 +20,13 @@ export default function InputDialog({ visible, onOK, onDismiss, title, label, pl
 						label={label}
 						placeholder={placeholder}
 						value={text}
-						onChangeText={onChangeText}
+						onChangeText={text => setText(text)}
 						mode="outlined"
-						error={error}
 					/>
 				</Dialog.Content>
 				<Dialog.Actions>
-					<Button onPress={onCancel}>Cancel</Button>
-					<Button onPress={onDone}>Done</Button>
+					<Button onPress={() => {onDismiss(); setText("");}}>Cancel</Button>
+					<Button onPress={() => {onOK(text); setText("");}}>OK</Button>
 				</Dialog.Actions>
 			</Dialog>
 		</Portal>

components/Subjects.js

@@ -5,7 +5,6 @@ import {
 	Card,
 	FAB,
 	Portal,
-	Snackbar,
 	Text,
 	withTheme
 } from "react-native-paper";
@@ -17,21 +16,12 @@ import {
 
 import InputDialog from "./InputDialog";
 
-function Subjects({ theme, subjects, timetable, addSubject, removeSubject }) {
+function Subjects({ theme, subjects, addSubject, removeSubject }) {
 	const [ showDialog, setShowDialog ] = useState(false);
-	const [ snackbar, setSnackbar ] = useState(false);
 	function onInput(text) {
 		addSubject(text);
 		setShowDialog(false);
 	}
-	function deleteSubject(id) {
-		if (timetable.reduce((acc, val) => acc.concat(val), []).filter(i => i.sub_id === id).length){
-			setSnackbar(true);
-			setTimeout(() => setSnackbar(false), 2000);
-			return;
-		}
-		removeSubject(id);
-	}
 	return (
 		<Portal.Host><ScrollView style={{ backgroundColor: theme.colors.background }}>
 			{subjects.length === 0 ?
@@ -53,7 +43,7 @@ function Subjects({ theme, subjects, timetable, addSubject, removeSubject }) {
 					<Card.Title title={subject.name} />
 					<Card.Actions style={{justifyContent: "flex-end"}}>
 						<IconButton
-							onPress={() => deleteSubject(subject.id)}
+							onPress={() => removeSubject(subject.id)}
 							icon="delete"
 							color={theme.colors.primary}
 						/>
@@ -73,7 +63,6 @@ function Subjects({ theme, subjects, timetable, addSubject, removeSubject }) {
 					large
 					icon="plus"
 					onPress={() => setShowDialog(true)}
-					visible={!snackbar}
 					style={{
 						position: "absolute",
 						margin: 16,
@@ -81,16 +70,6 @@ function Subjects({ theme, subjects, timetable, addSubject, removeSubject }) {
 						bottom: 0,
 					}}
 				/>
-				<Snackbar
-					visible={snackbar}
-					onDismiss={() => setSnackbar(false)}
-					action={{
-						label: "Dismiss",
-						onPress: () => setSnackbar(false),
-					}}
-				>
-					Subject is in use in TimeTable.
-				</Snackbar>
 			</Portal>
 		</ScrollView></Portal.Host>
 	);
@@ -98,7 +77,6 @@ function Subjects({ theme, subjects, timetable, addSubject, removeSubject }) {
 
 Subjects.propTypes = {
 	subjects: PropTypes.array,
-	timetable: PropTypes.array,
 	addSubject: PropTypes.func,
 	removeSubject: PropTypes.func,
 	theme: PropTypes.object,

components/Timetable.js

@@ -2,7 +2,6 @@ import React from "react";
 import PropTypes from "prop-types";
 import {
 	Portal,
-	Text,
 } from "react-native-paper";
 import { createStackNavigator } from "@react-navigation/stack";
 
@@ -13,17 +12,6 @@ const Stack = createStackNavigator();
 
 export default function Timetable({ addTimetableEntry, removeTimetableEntry, timetable, subjects }) {
 	const days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
-	if (subjects.length === 0) {
-		return (
-			<Text
-				style={{
-					textAlign: "center",
-					marginTop: 12,
-				}}
-			>
-				No Subjects added. Add Subjects first.
-			</Text>);
-	}
 	return (
 		<Portal.Host><Stack.Navigator headerMode="none">
 			<Stack.Screen name="Timetable">

components/timetable/AddEntry.js

@@ -47,22 +47,19 @@ function AddEntry({addTimetableEntry, days, day, subjects, navigation }) {
 	}
 
 	function submit() {
-		let message = "";
-		if (subject.id === null)
-			message = "Missing Subject";
-		else if (start === null)
-			message =  "Missing start time.";
-		else if (end === null)
-			message =  "Missing end time.";
-		else if (count === 0)
-			message =  "Missing count.";
-
-		if (message !== "") {
-			setSnackbar({visible: true, message: message});
-			setTimeout(() => setSnackbar({ visible: false, message: null }), 2000);
+		if (subject.id === null) {
+			setSnackbar({ visible: true, message: "Missing subject." });
+			return;
+		} else if (start === null) {
+			setSnackbar({ visible: true, message: "Missing start time." });
+			return;
+		} else if (end === null) {
+			setSnackbar({ visible: true, message: "Missing end time." });
+			return;
+		} else if (count === 0) {
+			setSnackbar({ visible: true, message: "Missing count." });
 			return;
 		}
-
 		addTimetableEntry(day, {
 			sub_id: subject.id,
 			count,

containers/SubjectsContainer.js

@@ -5,7 +5,6 @@ import { addSubject, removeSubject } from "../actions";
 const mapStateToProps = state => {
 	return {
 		subjects: state.subjects,
-		timetable: state.timetable,
 	};
 };