keannu125/Borrowing-TrackerFrontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Borrowing-TrackerFrontend.git synced 2025-06-29 00:45:49 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update transaction entry to reflect borrower's course

Browse source
This commit is contained in:
Keannu Christian Bernasol 2023-12-29 18:44:18 +08:00
parent 564a7d41d8
commit f9b4729ee7
5 changed files with 129 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/Pages/AddTransactionPage/AddTransactionPage.tsx
View file

@ -30,6 +30,7 @@ export default function AddTransactionPage() {
const queryClient = useQueryClient();
const [selecteditems, SetSelectedItems] = useState<number[]>([]);
const [selectedteacher, SetSelectedTeacher] = useState<number>(0);
const [subject, SetSubject] = useState("");
const [remarks, SetRemarks] = useState("");
const [error, setError] = useState("");
@ -129,7 +130,8 @@ export default function AddTransactionPage() {
onChange={(event) =>
SetSelectedTeacher(event.target.value as number)
}
input={<OutlinedInput label="Name" />}
label={"Assigned Teacher"}
input={<OutlinedInput label="Assigned Teacher" />}
>
{teachers.data?.map((teacher) => (
<MenuItem key={teacher.id} value={teacher.id}>
@ -138,16 +140,33 @@ export default function AddTransactionPage() {
))}
</Select>
</FormControl>
<TextField
multiline
style={styles.input_form}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
SetRemarks(e.target.value);
setError("");
}}
value={remarks}
placeholder={"Optionally add a brief description of the request"}
/>
<FormControl style={{ marginTop: "8px" }}>
<FormLabel style={styles.text_dark}>Subject</FormLabel>
<TextField
style={styles.input_form}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
SetSubject(e.target.value);
setError("");
}}
label={"Subject"}
value={subject}
placeholder={"The subject requiring the equipments"}
/>
</FormControl>
<FormControl style={{ marginTop: "8px" }}>
<FormLabel style={styles.text_dark}>Remarks</FormLabel>
<TextField
multiline
style={styles.input_form}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
SetRemarks(e.target.value);
setError("");
}}
label={"Remarks"}
value={remarks}
placeholder={"Optionally add a brief description of the request"}
/>
</FormControl>
</div>
<p style={{ ...styles.text_dark, ...styles.text_M }}>{error}</p>
<div
@ -167,6 +186,7 @@ export default function AddTransactionPage() {
const data = await TransactionCreateAPI({
equipments: selecteditems,
teacher: selectedteacher,
subject: subject,
remarks: remarks || " ",
transaction_status: "Pending Approval",
borrower: user.data?.id || 0,