From 3855a587a081fea73590e2e53670554f0ed74d6e Mon Sep 17 00:00:00 2001
From: Imbus <imbus64@protonmail.com>
Date: Fri, 15 Dec 2023 01:19:54 +0100
Subject: [PATCH] Boilerplate for NewPostContainer

---
 src/components/NewPostContainer.tsx | 39 +++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/components/NewPostContainer.tsx

diff --git a/src/components/NewPostContainer.tsx b/src/components/NewPostContainer.tsx
new file mode 100644
index 0000000..3257858
--- /dev/null
+++ b/src/components/NewPostContainer.tsx
@@ -0,0 +1,39 @@
+import React from "react";
+import { View, Text, TextInput, Button } from "react-native";
+import { style } from "../util/style";
+import { createPost, NewPost } from "../util/api";
+
+export function NewPostContainer(): JSX.Element {
+  const [currentInput, setCurrentInput] = React.useState<string>("");
+  const [currentInputError, setCurrentInputError] = React.useState<string>("");
+
+  return (
+    <View style={style.newPostContainer}>
+      <TextInput
+        style={style.newPostInput}
+        placeholder="New Post"
+        onChangeText={(text) => {
+          setCurrentInput(text);
+          setCurrentInputError("");
+        }}
+        value={currentInput}
+      />
+      <Button
+        title="Post"
+        onPress={() => {
+          if (currentInput.length > 0) {
+            const p: NewPost = {
+                content: currentInput,
+                token: "token"
+            }
+            createPost(p);
+            setCurrentInput("");
+          } else {
+            setCurrentInputError("Post must not be empty!");
+          }
+        }}
+      />
+      <Text style={style.errorText}>{currentInputError}</Text>
+    </View>
+  );
+}