Merge branch...

Merge branch '838-offline-fallback-page-for-django-legacy-pages-is-misleading-in-some-situations' into 'release-3.0'

Resolve "Offline fallback page for django legacy pages is misleading in some situations"

See merge request !1215

CHANGELOG.rst

@@ -29,6 +29,7 @@ Fixed
 * Setting of page height in the iframe was not working correctly.
 * App switched to offline state when the user was logged out/in.
 * The `Stop Impersonation` button is not shown due to an oversee when changing the type of the whoAmI query to an object of UserType
+* Offline fallback page for legacy pages was misleading sometimes.
 * Route changes in the Legacy-Component iframe didn't trigger a scroll to the top
 
 `3.0b3`_ - 2023-03-19

aleksis/core/templates/offline.html

@@ -7,15 +7,18 @@
 {% block content %}
   <h3>
     <i class="material-icons iconify left medium" style="font-size: 2.92rem;" data-icon="mdi:wifi-strength-alert-outline"></i>
-    {% blocktrans %}Page not available offline.{% endblocktrans %}
+    {% blocktrans %}No connection to server.{% endblocktrans %}
   </h3>
 
   <p class="flow-text">
     {% blocktrans %}
-      This page is not available offline. Since you probably don't have an internet connection, check to see if your WiFi
-      or mobile data is turned on and try again. If you think you are connected, please contact the system
-      administrators:
+      This page is not available without a connection to the server. Please check your internet connection and try again.
+      If you are connected and the error persists, please contact the system administrators:
     {% endblocktrans %}
   </p>
   {% include "core/partials/admins_list.html" %}
+  <a onClick="window.location.reload();" class="btn secondary waves-effect waves-light">
+    <i class="material-icons left">refresh</i>
+    {% trans "Retry" %}
+  </a>
 {% endblock %}

aleksis/core/vite.config.js

@@ -239,7 +239,7 @@ export default defineConfig({
               plugins: [
                 {
                   fetchDidSucceed: async ({ request, response }) => {
-                    if (response.status < 400) {
+                    if (response.status < 500) {
                       return response;
                     }
                     throw new Error(