@imposium-hub/components 1.24.9 → 1.26.0

package/components/assets/AssetsUploadMenu.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { assets as copy } from '../../constants/copy';
 import CheckboxField from '../checkbox-field/CheckboxField';
 import DeterminateLoader from '../determinate-loader/DeterminateLoader';
-import { toggleAutoTag } from '../../redux/actions/asset-uploads';
+import { toggleAutoTag, toggleAssignToStory } from '../../redux/actions/asset-uploads';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 
@@ -10,6 +10,7 @@ interface IAssetsUploadMenuProps {
     assetUploads : any;
     api : any;
     toggleAutoTag : (toggle : boolean) => any;
+    toggleAssignToStory : (toggle : boolean) => any;
 }
 
 class AssetsUploadMenu extends React.PureComponent<IAssetsUploadMenuProps, {}> {
@@ -18,7 +19,7 @@ class AssetsUploadMenu extends React.PureComponent<IAssetsUploadMenuProps, {}> {
     }
 
     public render = () : JSX.Element => {
-        const {assetUploads: {uploads, autoTag}} = this.props;
+        const {assetUploads: {uploads, autoTag, assignToStory}} = this.props;
 
         let uploadsListInner : JSX.Element[] | JSX.Element;
 
@@ -44,11 +45,18 @@ class AssetsUploadMenu extends React.PureComponent<IAssetsUploadMenuProps, {}> {
             <div className = 'uploads-menu'>
                 <div className = 'uploads-controls'>
                     <CheckboxField
-                        width = 'auto'
+                        width = '50%'
                         label = {copy.uploads.autoTagInput}
                         value = {autoTag}
                         onChange = {() => this.props.toggleAutoTag(!autoTag)}
                     />
+                    <CheckboxField
+                        width = '50%'
+                        label = {copy.uploads.assignToStoryInput}
+                        info = {copy.uploads.assignToStoryInfo}
+                        value = {assignToStory}
+                        onChange = {() => this.props.toggleAssignToStory(!autoTag)}
+                    />
                 </div>
 
                 <div className = 'uploads-list'>{uploadsListInner}</div>
@@ -58,7 +66,7 @@ class AssetsUploadMenu extends React.PureComponent<IAssetsUploadMenuProps, {}> {
 }
 
 const mapDispatchToProps = (dispatch) : any => {
-    return bindActionCreators({toggleAutoTag}, dispatch);
+    return bindActionCreators({toggleAutoTag, toggleAssignToStory}, dispatch);
 };
 
 const mapStateToProps = (state) : any => {

package/constants/copy.ts

@@ -19,6 +19,8 @@ export const assets = {
         noUploads: 'There are currently no assets uploading...',
         preparePhase: 'Preparing asset...',
         autoTagInput: 'Tag by filename',
+        assignToStoryInput: 'Assign to Story',
+        assignToStoryInfo: 'If selected, any assets uploaded will only be available to use with the currently selected story.',
         uploadButton: 'Upload'
     },
     tags: {