Make SmsDistributionPane title show state

zetkin · Apr 14, 2019 · 1a42735 · 1a42735
1 parent 0d9701a
commit 1a42735
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/locale/panes/smsDistribution/en.yaml b/locale/panes/smsDistribution/en.yaml
@@ -22,3 +22,8 @@ stats:
   num_delivered_messages: '{ num_delivered_messages } Delivered'
 targets: Targets
 target_matches_have_changed: The target query's matches have changed since confirming
+title:
+  draft: '{ title }'
+  confirm: 'Confirm "{ title }"'
+  sending: 'Sending "{ title }"'
+  sent: 'Sent "{ title }"'
diff --git a/src/components/panes/SmsDistributionPane.jsx b/src/components/panes/SmsDistributionPane.jsx
@@ -106,14 +106,17 @@ export default class SmsDistributionPane extends PaneBase {
         };
     }
 
-    getPaneTitle(data) {
-        const { distributionItem } = this.props;
+    getPaneTitle({ isLoaded, title, state }) {
+        const formatMessage = this.props.intl.formatMessage;
 
-        if (!distributionItem || !distributionItem.data || distributionItem.isPending) {
+        if (!isLoaded) {
             return null;
         }
 
-        return this.props.distributionItem.data.title;
+        return formatMessage(
+            { id: `panes.smsDistribution.title.${state}` },
+            { title },
+        );
     }
 
     renderPaneContent(data) {