frontend/banners: fix and tweak trial/countdown banner, removing internet notes

Author: haraldschilly

src/packages/frontend/app/page.tsx

@@ -11,6 +11,8 @@ everything on *desktop*, once the user has signed in.
 declare var DEBUG: boolean;
 
 import { Spin } from "antd";
+import { useIntl } from "react-intl";
+
 import { Avatar } from "@cocalc/frontend/account/avatar/avatar";
 import { alert_message } from "@cocalc/frontend/alerts";
 import { Button } from "@cocalc/frontend/antd-bootstrap";
@@ -22,15 +24,17 @@ import {
   useState,
   useTypedRedux,
 } from "@cocalc/frontend/app-framework";
-import { IconName, Icon } from "@cocalc/frontend/components/icon";
+import { ClientContext } from "@cocalc/frontend/client/context";
+import { Icon, IconName } from "@cocalc/frontend/components/icon";
+import Next from "@cocalc/frontend/components/next";
 import { FileUsePage } from "@cocalc/frontend/file-use/page";
 import { labels } from "@cocalc/frontend/i18n";
 import { ProjectsNav } from "@cocalc/frontend/projects/projects-nav";
 import BalanceButton from "@cocalc/frontend/purchases/balance-button";
 import PayAsYouGoModal from "@cocalc/frontend/purchases/pay-as-you-go/modal";
 import openSupportTab from "@cocalc/frontend/support/open";
+import { webapp_client } from "@cocalc/frontend/webapp-client";
 import { COLORS } from "@cocalc/util/theme";
-import { useIntl } from "react-intl";
 import { IS_IOS, IS_MOBILE, IS_SAFARI } from "../feature";
 import { ActiveContent } from "./active-content";
 import { ConnectionIndicator } from "./connection-indicator";
@@ -45,12 +49,9 @@ import { Notification } from "./notifications";
 import PopconfirmModal from "./popconfirm-modal";
 import SettingsModal from "./settings-modal";
 import { HIDE_LABEL_THRESHOLD, NAV_CLASS } from "./top-nav-consts";
-import { useShowVerifyEmail, VerifyEmail } from "./verify-email-banner";
-import { CookieWarning, LocalStorageWarning } from "./warnings";
+import { VerifyEmail } from "./verify-email-banner";
 import VersionWarning from "./version-warning";
-import Next from "@cocalc/frontend/components/next";
-import { ClientContext } from "@cocalc/frontend/client/context";
-import { webapp_client } from "@cocalc/frontend/webapp-client";
+import { CookieWarning, LocalStorageWarning } from "./warnings";
 
 // ipad and ios have a weird trick where they make the screen
 // actually smaller than 100vh and have it be scrollable, even

src/packages/frontend/i18n/trans/ar_EG.json

@@ -307,10 +307,6 @@
   "commands.generic.toggle_button_bar.label": "{show, select, true {إخفاء} other {إظهار}} شريط الأدوات...",
   "commands.generic.toggle_button_bar.title": "تبديل عرض أو إخفاء شريط أدوات القائمة لجميع المحررين.",
   "components.test-i18n.msg": "<p>منسق مع <b>عريض</b> و<i>مائل</i>.</p>",
-  "connection-info.hub_server": "خادم المحور",
-  "connection-info.info": "يتغير لون أيقونة الاتصال مع زيادة عدد الرسائل المرسلة إلى المحور. عادةً، لا يلزم اتخاذ أي إجراء، لكن الأعداد مفيدة لأغراض التشخيص. الحد الأقصى لعدد الرسائل التي يمكن إرسالها في نفس الوقت هو {max}.",
-  "connection-info.messages_received": "استلم",
-  "connection-info.messages_sent": "أُرْسِل",
   "connection-info.ping": "وقت الاستجابة",
   "connection-info.ping_info": "{avgping}مللي ثانية (الأحدث: {ping}مللي ثانية)",
   "course.actions": "إجراءات",
@@ -1221,7 +1217,7 @@
   "project.new.new-file-page.upload.description": "يمكنك إسقاط ملف أو أكثر هنا أو في قائمة ملفات المستكشف. اطلع على <A>التوثيق</A> لمزيد من الطرق لإضافة ملفاتك إلى مشروعك.",
   "project.new.new-file-page.upload.title": "تحميل الملفات إلى مشروعك",
   "project.no-internet-modal.add-license": "إضافة الترخيص",
-  "project.no-internet-modal.info": "<strong>تم تعطيل الوصول إلى الإنترنت لهذا المشروع.</strong> هذا القيد يمنع تثبيت حزم Python (pip, conda) أو حزم R، واستخدام Git لاستنساخ المستودعات، وتنزيل مجموعات البيانات أو الوصول إلى واجهات برمجة التطبيقات. قد تتعطل الأوامر التي تحاول الوصول إلى الإنترنت أو تفشل في الاكتمال، حيث يتم حظر الاتصالات الشبكية لمنع الإساءة.",
+  "project.no-internet-modal.info": "<strong>تم تعطيل الوصول إلى الإنترنت لهذا المشروع.</strong> هذا التقييد يمنع تثبيت حزم بايثون (pip، conda) أو حزم R، واستخدام Git لاستنساخ المستودعات، وتنزيل مجموعات البيانات أو الوصول إلى واجهات برمجة التطبيقات. قد تتعطل الأوامر التي تحاول الوصول إلى الإنترنت أو تفشل في الاكتمال، حيث يتم حظر الاتصالات الشبكية لمنع سوء الاستخدام. <A>تعرف على المزيد</A>.",
   "project.no-internet-modal.message": "لحل هذه المشكلة، <A1>تحتاج إلى تطبيق</A1> <A2>ترخيص صالح</A2> يوفر ترقيات أو <A3>شراء ترخيص</A3>.",
   "project.no-internet-modal.title": "لا يوجد اتصال بالإنترنت",
   "project.open_file.what": "افتح الملف \"{path}\"",

src/packages/frontend/i18n/trans/de_DE.json

@@ -307,10 +307,6 @@
   "commands.generic.toggle_button_bar.label": "{show, select, true {Verbergen} other {Anzeigen}} Menü Toolbar...",
   "commands.generic.toggle_button_bar.title": "Umschalten, ob die Menü-Symbolleiste für alle Editoren angezeigt wird oder nicht.",
   "components.test-i18n.msg": "<p>Formatiert mit <b>fett</b> und <i>kursiv</i>.</p>",
-  "connection-info.hub_server": "Hub-Server",
-  "connection-info.info": "Die Farbe des Verbindungsicons ändert sich, wenn die Anzahl der Nachrichten, die zu einem Hub gesendet werden, zunimmt. Normalerweise ist keine Aktion erforderlich, aber die Zählungen sind hilfreich zu Diagnosezwecken. Die maximale Anzahl der Nachrichten, die gleichzeitig gesendet werden können, beträgt {max}.",
-  "connection-info.messages_received": "empfangen",
-  "connection-info.messages_sent": "gesendet",
   "connection-info.ping": "Ping-Zeit",
   "connection-info.ping_info": "{avgping}ms (letzte: {ping}ms)",
   "course.actions": "Aktionen",
@@ -1221,7 +1217,7 @@
   "project.new.new-file-page.upload.description": "Sie können eine oder mehrere Dateien hier oder in der Explorer-Dateiliste ablegen. Siehe <A>Dokumentation</A> für weitere Möglichkeiten, Ihre Dateien in Ihr Projekt zu bekommen.",
   "project.new.new-file-page.upload.title": "Dateien in Ihr Projekt hochladen",
   "project.no-internet-modal.add-license": "Lizenz hinzufügen",
-  "project.no-internet-modal.info": "<strong>Der Internetzugang ist für dieses Projekt deaktiviert.</strong> Diese Einschränkung verhindert die Installation von Python-Paketen (pip, conda) oder R-Paketen, die Verwendung von Git zum Klonen von Repositories, das Herunterladen von Datensätzen oder den Zugriff auf APIs. Befehle, die versuchen, auf das Internet zuzugreifen, können hängen bleiben oder nicht abgeschlossen werden, da Netzwerkverbindungen blockiert sind, um Missbrauch zu verhindern.",
+  "project.no-internet-modal.info": "<strong>Der Internetzugang ist für dieses Projekt deaktiviert.</strong> Diese Einschränkung verhindert die Installation von Python-Paketen (pip, conda) oder R-Paketen, die Verwendung von Git zum Klonen von Repositories, das Herunterladen von Datensätzen oder den Zugriff auf APIs. Befehle, die versuchen, auf das Internet zuzugreifen, können hängen bleiben oder nicht abgeschlossen werden, da Netzwerkverbindungen blockiert sind, um Missbrauch zu verhindern. <A>Mehr erfahren</A>.",
   "project.no-internet-modal.message": "Um dies zu beheben, müssen Sie eine <A2>gültige Lizenz</A2> anwenden, die Upgrades bereitstellt oder eine <A3>Lizenz kaufen</A3>.",
   "project.no-internet-modal.title": "Kein Internetzugang",
   "project.open_file.what": "öffne die Datei \"{path}\"",

src/packages/frontend/i18n/trans/es_ES.json

@@ -307,10 +307,6 @@
   "commands.generic.toggle_button_bar.label": "{show, select, true {Ocultar} other {Mostrar}} Menú Barra de herramientas...",
   "commands.generic.toggle_button_bar.title": "Alternar si la barra de herramientas del menú se muestra o no para todos los editores.",
   "components.test-i18n.msg": "<p>Formateado con <b>negrita</b> y <i>cursiva</i>.</p>",
-  "connection-info.hub_server": "Servidor Hub",
-  "connection-info.info": "El color del icono de conexión cambia a medida que aumenta el número de mensajes en vuelo hacia un hub. Normalmente, no se necesita ninguna acción, pero los conteos son útiles para fines de diagnóstico. El número máximo de mensajes que se pueden enviar al mismo tiempo es {max}.",
-  "connection-info.messages_received": "recibido",
-  "connection-info.messages_sent": "enviado",
   "connection-info.ping": "Tiempo de ping",
   "connection-info.ping_info": "{avgping}ms (último: {ping}ms)",
   "course.actions": "Acciones",
@@ -1221,7 +1217,7 @@
   "project.new.new-file-page.upload.description": "Puedes soltar uno o más archivos aquí o en la lista de archivos del Explorador. Consulta la <A>documentación</A> para más formas de añadir tus archivos a tu proyecto.",
   "project.new.new-file-page.upload.title": "Subir archivos a tu proyecto",
   "project.no-internet-modal.add-license": "Agregar licencia",
-  "project.no-internet-modal.info": "<strong>El acceso a Internet está deshabilitado para este proyecto.</strong> Esta restricción impide instalar paquetes de Python (pip, conda) o paquetes de R, usar Git para clonar repositorios, descargar conjuntos de datos o acceder a APIs. Los comandos que intenten acceder a internet pueden quedar bloqueados o no completarse, ya que las conexiones de red están bloqueadas para prevenir abusos.",
+  "project.no-internet-modal.info": "<strong>El acceso a Internet está desactivado para este proyecto.</strong> Esta restricción impide instalar paquetes de Python (pip, conda) o paquetes de R, usar Git para clonar repositorios, descargar conjuntos de datos o acceder a APIs. Los comandos que intenten acceder a Internet pueden quedar en espera o no completarse, ya que las conexiones de red están bloqueadas para prevenir abusos. <A>Más información</A>.",
   "project.no-internet-modal.message": "Para solucionar esto, <A1>necesitas aplicar</A1> una <A2>licencia válida</A2> que proporcione actualizaciones o <A3>comprar una licencia</A3>.",
   "project.no-internet-modal.title": "Sin acceso a Internet",
   "project.open_file.what": "abre el archivo \"{path}\"",

src/packages/frontend/i18n/trans/fr_FR.json

@@ -307,10 +307,6 @@
   "commands.generic.toggle_button_bar.label": "{show, select, true {Cacher} other {Montrer}} Menu Barre d'outils...",
   "commands.generic.toggle_button_bar.title": "Basculer l'affichage de la barre d'outils du menu pour tous les éditeurs.",
   "components.test-i18n.msg": "<p>Formaté avec <b>gras</b> et <i>italique</i>.</p>",
-  "connection-info.hub_server": "Serveur Hub",
-  "connection-info.info": "La couleur de l'icône de connexion change à mesure que le nombre de messages en vol vers un hub augmente. En général, aucune action n'est nécessaire, mais les décomptes sont utiles à des fins de diagnostic. Le nombre maximal de messages pouvant être envoyés en même temps est {max}.",
-  "connection-info.messages_received": "reçu",
-  "connection-info.messages_sent": "envoyé",
   "connection-info.ping": "Temps de ping",
   "connection-info.ping_info": "{avgping}ms (dernier: {ping}ms)",
   "course.actions": "Actions",
@@ -1221,7 +1217,7 @@
   "project.new.new-file-page.upload.description": "Vous pouvez déposer un ou plusieurs fichiers ici ou dans la liste des fichiers de l'Explorateur. Voir <A>documentation</A> pour plus de moyens d'ajouter vos fichiers à votre projet.",
   "project.new.new-file-page.upload.title": "Télécharger des fichiers dans votre projet",
   "project.no-internet-modal.add-license": "Ajouter une licence",
-  "project.no-internet-modal.info": "<strong>L'accès à Internet est désactivé pour ce projet.</strong> Cette restriction empêche l'installation de packages Python (pip, conda) ou de packages R, l'utilisation de Git pour cloner des dépôts, le téléchargement de jeux de données ou l'accès aux API. Les commandes qui tentent d'accéder à Internet peuvent se bloquer ou échouer à se terminer, car les connexions réseau sont bloquées pour prévenir les abus.",
+  "project.no-internet-modal.info": "<strong>L'accès à Internet est désactivé pour ce projet.</strong> Cette restriction empêche l'installation de packages Python (pip, conda) ou de packages R, l'utilisation de Git pour cloner des dépôts, le téléchargement de jeux de données ou l'accès aux APIs. Les commandes qui tentent d'accéder à Internet peuvent se bloquer ou échouer à se terminer, car les connexions réseau sont bloquées pour prévenir les abus. <A>En savoir plus</A>.",
   "project.no-internet-modal.message": "Pour résoudre ce problème, vous <A1>devez appliquer</A1> une <A2>licence valide</A2> offrant des mises à jour ou <A3>acheter une licence</A3>.",
   "project.no-internet-modal.title": "Pas d'accès Internet",
   "project.open_file.what": "ouvrir le fichier \"{path}\"",

src/packages/frontend/i18n/trans/he_IL.json

@@ -307,10 +307,6 @@
   "commands.generic.toggle_button_bar.label": "{show, select, true {הסתר} other {הצג}} תפריט סרגל כלים...",
   "commands.generic.toggle_button_bar.title": "החלף אם להציג את סרגל הכלים של התפריט בכל העורכים או לא.",
   "components.test-i18n.msg": "<p>מעוצב עם <b>מודגש</b> ו<i>נטוי</i>.</p>",
-  "connection-info.hub_server": "שרת Hub",
-  "connection-info.info": "צבע סמל החיבור משתנה ככל שמספר ההודעות המועברות לרכזת גדל. בדרך כלל, אין צורך בפעולה, אך הספירות מועילות לצורכי אבחון. המספר המרבי של הודעות שניתן לשלוח בו זמנית הוא {max}",
-  "connection-info.messages_received": "התקבל",
-  "connection-info.messages_sent": "נשלח",
   "connection-info.ping": "זמן פינג",
   "connection-info.ping_info": "{avgping}ms (אחרון: {ping}ms)",
   "course.actions": "פעולות",
@@ -1221,7 +1217,7 @@
   "project.new.new-file-page.upload.description": "ניתן לשחרר קובץ אחד או יותר כאן או ברשימת הקבצים ב-Explorer. ראה <A>תיעוד</A> לעוד דרכים להעלות את הקבצים שלך לפרויקט שלך.",
   "project.new.new-file-page.upload.title": "העלאת קבצים לפרויקט שלך",
   "project.no-internet-modal.add-license": "הוסף רישיון",
-  "project.no-internet-modal.info": "<strong>הגישה לאינטרנט מושבתת עבור פרויקט זה.</strong> הגבלה זו מונעת התקנת חבילות פייתון (pip, conda) או חבילות R, שימוש ב-Git לשכפול מאגרים, הורדת מערכי נתונים או גישה ל-APIs. פקודות שמנסות לגשת לאינטרנט עשויות להיתקע או להיכשל בהשלמה, שכן חיבורים לרשת נחסמים למניעת ניצול לרעה.",
+  "project.no-internet-modal.info": "<strong>הגישה לאינטרנט מושבתת עבור פרויקט זה.</strong> הגבלה זו מונעת התקנת חבילות Python (pip, conda) או חבילות R, שימוש ב-Git לשכפול מאגרים, הורדת מערכי נתונים או גישה ל-APIs. פקודות שמנסות לגשת לאינטרנט עשויות להיתקע או להיכשל בהשלמה, מכיוון שחיבורים לרשת חסומים כדי למנוע שימוש לרעה. <A>למידע נוסף</A>.",
   "project.no-internet-modal.message": "כדי לתקן זאת, אתה <A1>צריך להפעיל</A1> <A2>רישיון תקף</A2> המספק שדרוגים או <A3>לרכוש רישיון</A3>.",
   "project.no-internet-modal.title": "אין גישה לאינטרנט",
   "project.open_file.what": "פתח את הקובץ \"{path}\"",