rawalcher/interaktive-systeme
Archived
1
0
Fork 0
Code Issues 5 Pull requests 2 Projects Releases 14 Packages Wiki Activity Actions

fixed darkmode issues on login and home

Browse source
This commit is contained in:
Walcher 2023-12-08 17:19:30 +01:00
parent f62b49b5cf
commit 8437f474aa
3 changed files with 33 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/common/searchBar/SearchBar.tsx
View file

@ -10,7 +10,8 @@ export default function SearchBar(props: SearchBarProps) {
const [isActive, setIsactive] = React.useState(false);
const textColor = useThemeColor("interactiveText")
const backgroundColor = useThemeColor("containerColor");
const backgroundColor = useThemeColor("elementDefaultColor");
const handleChange = (text:string) : void => {
if(text !== ""){
if(!isActive){
@ -23,9 +24,16 @@ export default function SearchBar(props: SearchBarProps) {
}
}
//TODO: Handle textCancel
// cant apply the background color otherwise
const containerStyle = {
...styles.container,
backgroundColor: backgroundColor // apply dynamic background color
};
//TODO: Handle textCancel
// changed styles.container to containerStyle
return (
<View style={styles.container}>
<View style={containerStyle}>
<TextInput onChangeText = {handleChange} style={[{fontSize: SIZES.normal, height: "100%"}, styles.TextInput]} autoCorrect={false} keyboardType='web-search' placeholder={props.placeholder}></TextInput>
{isActive &&
@ -45,7 +53,6 @@ const styles = StyleSheet.create({
justifyContent: "center",
alignItems: "center",
height: 40,
backgroundColor: backgroundColor,
borderRadius: 10,
paddingHorizontal: 10
},