displaying text

1 files changed, 5 insertions, 4 deletions

diff --git a/frontend/views/page/components/tile.form.js b/frontend/views/page/components/tile.form.js
index 1c2c826..045ef5c 100644
--- a/frontend/views/page/components/tile.form.js
+++ b/frontend/views/page/components/tile.form.js
@@ -14,7 +14,7 @@ const SELECT_TYPES = [
 ].map(s => ({ name: s, label: s }))
 
 const ALIGNMENTS = [
-  "top_left", "top center", "top_right",
+  "top_left", "top_center", "top_right",
   "center_left", "center_center", "center_right",
   "bottom_left", "bottom_center", "bottom_right",
 ].map(align => ({
@@ -46,7 +46,8 @@ const newText = (data) => ({
   id: 'new',
   settings: {
     ...newPosition(),
-    content: "",
+    content: "What is up... I have no idea actually",
+    color: 'rgb(255,255,255)',
     width: 200,
     height: 200,
   },
@@ -65,7 +66,7 @@ class TileForm extends Component {
   state = {
     title: "",
     submitTitle: "",
-    data: { ...newImage() },
+    data: { ...newText() },
     errorFields: new Set([]),
   }
 
@@ -287,7 +288,7 @@ class TileForm extends Component {
           required
           data={data.settings}
           error={errorFields.has('content')}
-          onChange={this.handleChange.bind(this)}
+          onChange={this.handleSettingsChange.bind(this)}
           autoComplete="off"
         />
         <div className='row pair'>