fix: provide more informative message when edit mode becomes unavaila…

…ble [DHIS2-10138] (#1514)
dhis2 · Feb 8, 2021 · 4e080bb · 4e080bb
1 parent c9ed0f6
commit 4e080bb
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/i18n/en.pot b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2021-02-03T08:01:58.984Z\n"
-"PO-Revision-Date: 2021-02-03T08:01:58.984Z\n"
+"POT-Creation-Date: 2021-02-05T15:43:33.906Z\n"
+"PO-Revision-Date: 2021-02-05T15:43:33.906Z\n"
 
 msgid "Untitled dashboard"
 msgstr ""
@@ -29,7 +29,9 @@ msgid ""
 "this dashboard?"
 msgstr ""
 
-msgid "Failed to save the dashboard"
+msgid ""
+"Failed to save dashboard. You might be offline or not have access to edit "
+"this dashboard."
 msgstr ""
 
 msgid "Save changes"
@@ -68,10 +70,14 @@ msgstr ""
 msgid "No access"
 msgstr ""
 
-msgid "Editing dashboards on small screens is not supported."
+msgid ""
+"Editing dashboards on small screens is not supported. Resize your screen to "
+"return to edit mode."
 msgstr ""
 
-msgid "Creating dashboards on small screens is not supported."
+msgid ""
+"Creating dashboards on small screens is not supported. Resize your screen "
+"to return to create mode."
 msgstr ""
 
 msgid "Not supported"

diff --git a/src/components/Dashboard/EditDashboard.js b/src/components/Dashboard/EditDashboard.js
@@ -68,7 +68,7 @@ const EditDashboard = props => {
             {isSmallScreen(width) ? (
                 <NotSupportedNotice
                     message={i18n.t(
-                        'Editing dashboards on small screens is not supported.'
+                        'Editing dashboards on small screens is not supported. Resize your screen to return to edit mode.'
                     )}
                 />
             ) : (

diff --git a/src/components/Dashboard/NewDashboard.js b/src/components/Dashboard/NewDashboard.js
@@ -51,7 +51,7 @@ const NewDashboard = props => {
             {isSmallScreen(width) ? (
                 <NotSupportedNotice
                     message={i18n.t(
-                        'Creating dashboards on small screens is not supported.'
+                        'Creating dashboards on small screens is not supported. Resize your screen to return to create mode.'
                     )}
                 />
             ) : (