tile list. drag items to sort them

1 files changed, 5 insertions, 3 deletions

diff --git a/frontend/views/page/components/tile.form.js b/frontend/views/page/components/tile.form.js
index 31d49e3..6cf9474 100644
--- a/frontend/views/page/components/tile.form.js
+++ b/frontend/views/page/components/tile.form.js
@@ -77,7 +77,7 @@ class TileForm extends Component {
   }
 
   componentDidMount() {
-    const { graph, page, isNew, initialData } = this.props
+    const { graph, page, isNew, initialData, sortOrder } = this.props
     const title = isNew ? 'new tile' : 'editing tile'
     const submitTitle = isNew ? "Create Tile" : "Save Changes"
     this.setState({
@@ -86,11 +86,13 @@ class TileForm extends Component {
       errorFields: new Set([]),
     })
     if (isNew) {
-      this.props.tileActions.updateTemporaryTile(newImage({
+      const newTile = newImage({
         id: "new",
         graph_id: graph.show.res.id,
         page_id: page.show.res.id,
-      }))
+        sort_order: sortOrder,
+      })
+      this.props.tileActions.updateTemporaryTile(newTile)
     } else {
       this.props.tileActions.updateTemporaryTile({ ...initialData })
     }