Merge pull request #43709 from code-dot-org/header-more-responsive-fi…

…x-project-update-updates Header: fix project update updates
code-dot-org · Nov 19, 2021 · bd12200 · bd12200
2 parents 7109192 + f5c73f8
commit bd12200
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/apps/src/code-studio/components/header/ProjectUpdatedAt.jsx b/apps/src/code-studio/components/header/ProjectUpdatedAt.jsx
@@ -11,9 +11,22 @@ import RetryProjectSaveDialog from './RetryProjectSaveDialog';
 class ProjectUpdatedAt extends React.Component {
   static propTypes = {
     status: PropTypes.oneOf(Object.values(statuses)),
-    updatedAt: PropTypes.string
+    updatedAt: PropTypes.string,
+    onContentUpdated: PropTypes.func
   };
 
+  componentDidMount() {
+    if (this.props.onContentUpdated) {
+      this.props.onContentUpdated();
+    }
+  }
+
+  componentDidUpdate() {
+    if (this.props.onContentUpdated) {
+      this.props.onContentUpdated();
+    }
+  }
+
   renderText() {
     if (this.props.status === statuses.error) {
       return (

diff --git a/apps/src/code-studio/components/header/ScriptName.jsx b/apps/src/code-studio/components/header/ScriptName.jsx
@@ -44,6 +44,10 @@ class ScriptName extends React.Component {
     );
   }
 
+  onProjectUpdatedAtContentUpdated = () => {
+    this.setDesiredWidth();
+  };
+
   renderScriptLink() {
     let className = 'header_text';
     if (this.props.smallText) {
@@ -101,7 +105,9 @@ class ScriptName extends React.Component {
           <div style={styles.outerContainer}>
             <div style={styles.containerWithUpdatedAt}>
               {this.renderScriptLink()}
-              <ProjectUpdatedAt />
+              <ProjectUpdatedAt
+                onContentUpdated={this.onProjectUpdatedAtContentUpdated}
+              />
             </div>
           </div>
         </div>