update episodes table form. add venues table and CRUD

2 files changed, 51 insertions, 3 deletions

diff --git a/animism-align/frontend/app/views/episode/components/episode.form.js b/animism-align/frontend/app/views/episode/components/episode.form.js
index 51064a4..e2edc16 100644
--- a/animism-align/frontend/app/views/episode/components/episode.form.js
+++ b/animism-align/frontend/app/views/episode/components/episode.form.js
@@ -9,7 +9,14 @@ const newEpisode = () => ({
   episode_number: '',
   title: '',
   release_date: '',
-  settings: {},
+  settings: {
+    about: {
+      curator: "",
+      author: "",
+      artists: "",
+      credits: "",
+    },
+  },
 })
 
 export default class EpisodeForm extends Component {
@@ -132,6 +139,10 @@ export default class EpisodeForm extends Component {
       <div className='form'>
         <h1>{title}</h1>
         <form onSubmit={this.handleSubmit}>
+          <SubmitButton
+            title={submitTitle}
+            onClick={this.handleSubmit}
+          />
           <TextInput
             title="Title"
             name="title"
@@ -162,6 +173,40 @@ export default class EpisodeForm extends Component {
             checked={data.settings.is_live}
             onChange={this.handleSettingsChange}
           />
+
+          <TextArea
+            title="Curator"
+            name="curator"
+            data={data.settings.about}
+            onChange={this.handleSettingsChangeEvent}
+            autoComplete="off"
+          />
+
+          <TextArea
+            title="Author"
+            name="author"
+            data={data.settings.about}
+            onChange={this.handleSettingsChangeEvent}
+            autoComplete="off"
+          />
+
+          <TextArea
+            title="Artists"
+            name="artists"
+            data={data.settings.about}
+            onChange={this.handleSettingsChangeEvent}
+            autoComplete="off"
+          />
+
+          <TextArea
+            title="Credits"
+            name="credits"
+            className="credits"
+            data={data.settings.about}
+            onChange={this.handleSettingsChangeEvent}
+            autoComplete="off"
+          />
+
           <SubmitButton
             title={submitTitle}
             onClick={this.handleSubmit}
diff --git a/animism-align/frontend/app/views/episode/episode.css b/animism-align/frontend/app/views/episode/episode.css
index 2493315..e0747ab 100644
--- a/animism-align/frontend/app/views/episode/episode.css
+++ b/animism-align/frontend/app/views/episode/episode.css
@@ -1,6 +1,9 @@
-.episodeContainer {
+.app > .episodeContainer {
+  width: 100%;
+  height: calc(100% - 3.125rem);
+  overflow: scroll;
 }
+
 .episode-index {
   margin-top: 1rem;
 }
-