import React, { useState } from "react";
import PropTypes from "prop-types";
import {
Button,
Card,
FAB,
Text
} from "react-native-paper";
import {
StyleSheet
} from "react-native";
import InputDialog from "./InputDialog";
export default function Subjects({ subjects, addSubject, removeSubject }) {
const [ showDialog, setShowDialog ] = useState(false);
function onInput(text) {
addSubject(text);
setShowDialog(false);
}
return (
<>
{subjects.length === 0 ?
No Subjects added. Press + to add a subject.
: null
}
{subjects.map(subject => (
))}
setShowDialog(false)}
title="Enter Name of New Subject"
placeholder="Subject Name"
label="Subject Name"
onOK={onInput}
/>
setShowDialog(true)}
style={{
position: "absolute",
margin: 16,
right: 0,
bottom: 0,
}}
/>
>
);
}
Subjects.propTypes = {
subjects: PropTypes.array,
addSubject: PropTypes.func,
removeSubject: PropTypes.func,
};
const style = StyleSheet.create({
card: {
marginTop: 12,
},
text: {
marginTop: 12,
textAlign: "center",
}
});