@imposium-hub/components 1.60.8 → 1.60.9

package/src/components/story-previewer/StoryPreviewer.tsx

@@ -54,6 +54,7 @@ interface IStoryPreviewerState {
     timeElapsed: number;
     isTimeOut: boolean;
     error: boolean;
+    jobLogLoading: boolean;
 }
 
 class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPreviewerState> {
@@ -80,7 +81,8 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
             rendering: false,
             isTimeOut: false,
             compositionOverride: null,
-            error: false
+            error: false,
+            jobLogLoading: false
         };
 
         this.timer = new Timer({
@@ -760,12 +762,16 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
 
     private downloadExpLog = (expId) => {
         const { api } = this.props;
-        api.getExperienceLog(expId).then((res: Blob) => {
-            saveAs(res, `${expId}.txt`);
-        });
+        this.setState({ jobLogLoading: true }, () =>
+            api.getExperienceLog(expId).then((res: Blob) => {
+                this.setState({ jobLogLoading: false });
+                saveAs(res, `${expId}.txt`);
+            })
+        );
     };
 
     private expIdField(expId) {
+        const { jobLogLoading } = this.state;
         return (
             <>
                 <TextField
@@ -782,6 +788,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                         position: 'relative',
                         bottom: '2px'
                     }}
+                    loading={jobLogLoading}
                     onClick={() => this.downloadExpLog(expId)}>
                     {copy.expJobLog} {ICON_DOWNLOAD}
                 </Button>

package/src/components/text-field/TextField.tsx

@@ -113,7 +113,7 @@ class TextField extends React.PureComponent<ITextFieldProps, ITextFieldState> {
             this.textAreaRef.onkeydown = (e) => {
                 if (e.key === 'Enter' && internalValue !== '') {
                     hotkeys.unbind('enter', this.evtHandlers.submittable);
-                    this.props.doSubmit(internalValue);
+                    this.setState({ internalValue: '' }, () => this.props.doSubmit(internalValue));
                 }
             };
         }
@@ -241,7 +241,6 @@ class TextField extends React.PureComponent<ITextFieldProps, ITextFieldState> {
         const { internalValue } = this.state;
 
         if (!clear && internalValue !== '') {
-            console.log('forceSubmit', internalValue);
             this.props.doSubmit(internalValue);
 
             if (this.props.submittableType === 'add') {