aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/pages/timeline/edit/PlainTextPostEdit.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'FrontEnd/src/pages/timeline/edit/PlainTextPostEdit.tsx')
-rw-r--r--FrontEnd/src/pages/timeline/edit/PlainTextPostEdit.tsx26
1 files changed, 26 insertions, 0 deletions
diff --git a/FrontEnd/src/pages/timeline/edit/PlainTextPostEdit.tsx b/FrontEnd/src/pages/timeline/edit/PlainTextPostEdit.tsx
new file mode 100644
index 00000000..1bea3daf
--- /dev/null
+++ b/FrontEnd/src/pages/timeline/edit/PlainTextPostEdit.tsx
@@ -0,0 +1,26 @@
+import classNames from 'classnames'
+
+interface TimelinePostEditTextProps {
+ text: string;
+ disabled: boolean;
+ onChange: (text: string) => void;
+ className?: string;
+}
+
+export default function TimelinePostEditText(props: TimelinePostEditTextProps) {
+ const { text, disabled, onChange, className } = props;
+
+ return (
+ <div className={classNames("timeline-post-create-edit-container", className)}>
+ <textarea
+ value={text}
+ disabled={disabled}
+ onChange={(event) => {
+ onChange(event.target.value);
+ }}
+ className={classNames("timeline-post-create-edit-text")}
+ />
+ </div>
+ );
+}
+