From 756da80e109edf506bcfc1363cf0527fa044d885 Mon Sep 17 00:00:00 2001
From: "marcusferl@web.de" <marcus170186>
Date: Sat, 8 Jan 2022 00:02:07 +0100
Subject: [PATCH] 08.01.2022

---
 .idea/.gitignore          |  5 +++++
 .idea/NiceQuotes.iml      | 12 ++++++++++++
 .idea/modules.xml         |  8 ++++++++
 .idea/vcs.xml             |  6 ++++++
 js/components/NewQuote.js | 31 ++++++++++++++++++++++---------
 5 files changed, 53 insertions(+), 9 deletions(-)
 create mode 100644 .idea/.gitignore
 create mode 100644 .idea/NiceQuotes.iml
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/vcs.xml

diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/NiceQuotes.iml b/.idea/NiceQuotes.iml
new file mode 100644
index 0000000..0c8867d
--- /dev/null
+++ b/.idea/NiceQuotes.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..a1df9b1
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/NiceQuotes.iml" filepath="$PROJECT_DIR$/.idea/NiceQuotes.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/js/components/NewQuote.js b/js/components/NewQuote.js
index 58e66d7..ead4682 100644
--- a/js/components/NewQuote.js
+++ b/js/components/NewQuote.js
@@ -1,25 +1,38 @@
 import React, { Component } from 'react';
-import { Button, Modal, StyleSheet, TextInput, View } from 'react-native';
+import { Text, Button, Modal, StyleSheet, TextInput, View } from 'react-native';
 
 export default class NewQuote extends Component {
+    state = { content: null, author: null } //Inizialer Zustand
     render() {
+        const { visible, onSave } = this.props; // Einfachere strukturierung
+        const { content, author } = this.state;
         return (
             //Neuer Screen
             <Modal
-                visible={this.props.visible}
-                onRequestClose={this.props.onSave}//Wird nur für Android benötigt
+                visible={visible}
+                onRequestClose={onSave} //Wird nur für Android benötigt
                 animationType='slide'>
                 <View style={styles.container}>
-                    <TextInput style={styles.textInput} placeholder='Zitat' />
-                    <TextInput style={styles.textInput} placeholder='Autor/in' />
-                    <View style={styles.saveButton}>
+                    <TextInput
+                        style={[styles.textInput, { height: 150 }]} //Einzelne Styleelemente im Array festgelegt
+                        multiline={true}
+                        placeholder='Zitat'
+                        onChangeText={text => this.setState({ content: text })} />
+                    <Text title='TESTFELD'>
+                        {this.state.content}
+                    </Text>
+                    <TextInput
+                        style={styles.textInput}
+                        placeholder='Autor/in'
+                        onChangeText={text => this.setState({ author: text })} />
+                    <View
+                        style={styles.saveButton}>
                         <Button
                             title="Save"
-                            onPress={this.props.onSave} />
+                            onPress={() => onSave(content, author)} />
                     </View>
                 </View>
             </Modal>
-
         );
     }
 
@@ -29,7 +42,7 @@ const styles = StyleSheet.create({
         flex: 1,
         backgroundColor: '#eee',
         alignItems: 'center', //FlexBox Layout
-        justifyContent: 'center',
+        justifyContent: 'center'
     },
     saveButton: {
         position: 'absolute',