diff --git a/src/screens/Novel/components/EditInfoModal.js b/src/screens/Novel/components/EditInfoModal.js index 7fd629a5..0a87c0cb 100644 --- a/src/screens/Novel/components/EditInfoModal.js +++ b/src/screens/Novel/components/EditInfoModal.js @@ -1,5 +1,12 @@ import React, { useState } from "react"; -import { FlatList, StyleSheet, Text, View } from "react-native"; +import { + FlatList, + Pressable, + ScrollView, + StyleSheet, + Text, + View, +} from "react-native"; import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons"; import { Button, Modal, Portal, Switch, TextInput } from "react-native-paper"; @@ -25,6 +32,8 @@ const EditInfoModal = ({ theme, hideModal, modalVisible, novel, dispatch }) => { setInfo({ ...info, genre: tags.join(",") }); }; + const status = ["Ongoing", "Hiatus", "Completed", "Unknown", "Cancelled"]; + return ( { > Edit info + + + Status: + + + {status.map((item) => ( + + + setInfo({ ...info, status: item }) + } + > + + {item} + + + + ))} + + ( style={{ flex: 1, flexDirection: "row", - borderWidth: 1, borderRadius: 50, - borderColor: theme.colorAccent, - paddingVertical: 2, + paddingVertical: 4, paddingHorizontal: 8, marginVertical: 4, marginRight: 8, justifyContent: "center", alignItems: "center", - backgroundColor: theme.colorPrimary, + backgroundColor: theme.dividerColor, }} > - + {children} { alignItems: "center", left: 0, right: 0, - bottom: 0, + bottom: expanded ? 0 : 4, }} > { color={theme.textColorPrimary} size={24} onPress={expandNovelSummary} + style={{ + borderRadius: 50, + backgroundColor: theme.colorPrimaryDark, + paddingHorizontal: 2, + }} />