1 files changed, 18 insertions, 18 deletions
diff --git a/animism-align/frontend/views/media/components/media.form.js b/animism-align/frontend/views/media/components/media.form.js
index ed96e6e..848d1f8 100644
--- a/animism-align/frontend/views/media/components/media.form.js
+++ b/animism-align/frontend/views/media/components/media.form.js
@@ -2,12 +2,13 @@ import React, { Component } from 'react'
 import { Link } from 'react-router-dom'
 
 import { session } from '../../../session'
+import { capitalize } from '../../../util'
 
-import { TextInput, LabelDescription, TextArea, Checkbox, SubmitButton, Loader } from '../../../common'
+import { TextInput, LabelDescription, Select, TextArea, Checkbox, SubmitButton, Loader } from '../../../common'
 
 const newMedia = () => ({
-  type: '',
-  tag: '',
+  type: 'image',
+  tag: 'media',
   url: '',
   title: '',
   author: '',
@@ -20,6 +21,10 @@ const newMedia = () => ({
   settings: {},
 })
 
+const MEDIA_TYPES = [
+  'image', 'video'
+].map(name => ({ name, label: capitalize(name) }))
+
 export default class MediaForm extends Component {
   state = {
     title: "",
@@ -44,22 +49,8 @@ export default class MediaForm extends Component {
   }
 
   handleChange(e) {
-    const { errorFields } = this.state
     const { name, value } = e.target
-    if (errorFields.has(name)) {
-      errorFields.delete(name)
-    }
-    let sanitizedValue = value
-    if (name === 'path') {
-      sanitizedValue = sanitizedValue.toLowerCase().replace(/ /, '-').replace(/[!@#$%^&*()[\]{}]/, '-').replace(/-+/, '-')
-    }
-    this.setState({
-      errorFields,
-      data: {
-        ...this.state.data,
-        [name]: sanitizedValue,
-      }
-    })
+    this.handleSelect(name, value)
   }
 
   handleSelect(name, value) {
@@ -107,10 +98,19 @@ export default class MediaForm extends Component {
       tag: '',
       url: '',
     */
+    console.log(data)
     return (
       <div className='form'>
         <h1>{title}</h1>
         <form onSubmit={this.handleSubmit.bind(this)}>
+          <Select
+            title='Media Type'
+            name='type'
+            selected={data.type}
+            options={MEDIA_TYPES}
+            onChange={this.handleSelect}
+          />
+
           <TextInput
             title="Author"
             name="author"