feat(FR-1679): add auto refresh to container logs

Author: agatha197

react/src/components/ComputeSessionNodeItems/ContainerLogModal.tsx

@@ -3,6 +3,7 @@ import { downloadBlob } from '../../helper/csv-util';
 import { useSuspendedBackendaiClient } from '../../hooks';
 import { useTanQuery } from '../../hooks/reactQueryAlias';
 import { useMemoWithPrevious } from '../../hooks/useMemoWithPrevious';
+import AutoRefreshSwitch from '../AutoRefreshSwitch';
 import BAISelect from '../BAISelect';
 import { ReloadOutlined } from '@ant-design/icons';
 import { LazyLog, ScrollFollow } from '@melloware/react-logviewer';
@@ -217,6 +218,14 @@ const ContainerLogModal: React.FC<ContainerLogModalProps> = ({
               onClick={() => refetch()}
             />
           </Tooltip>
+          <AutoRefreshSwitch
+            interval={5_000}
+            onRefresh={() => {
+              refetch();
+            }}
+          >
+            {t('button.AutoRefreshEvery', { seconds: 5 })}
+          </AutoRefreshSwitch>
         </BAIFlex>
 
         <div

resources/i18n/de.json

@@ -60,6 +60,7 @@
   "button": {
     "Add": "Hinzufügen",
     "Apply": "Bewerbung",
+    "AutoRefreshEvery": "Automatisch alle {{seconds}}s aktualisieren",
     "Cancel": "Stornieren",
     "Clear": "Löschen",
     "ClearLogs": "Protokolle löschen",

resources/i18n/el.json

@@ -60,6 +60,7 @@
   "button": {
     "Add": "Προσθήκη",
     "Apply": "Εφαρμογή",
+    "AutoRefreshEvery": "Αυτόματη ανανέωση κάθε {{seconds}}s",
     "Cancel": "Ματαίωση",
     "Clear": "Διαγράφω",
     "ClearLogs": "Εκκαθάριση αρχείων καταγραφής",

resources/i18n/en.json

@@ -63,6 +63,7 @@
   "button": {
     "Add": "Add",
     "Apply": "Apply",
+    "AutoRefreshEvery": "Auto refresh every {{seconds}}s",
     "Cancel": "Cancel",
     "Clear": "Clear",
     "ClearLogs": "Clear Logs",

resources/i18n/es.json

@@ -60,6 +60,7 @@
   "button": {
     "Add": "Añadir",
     "Apply": "Solicitar",
+    "AutoRefreshEvery": "Actualizar automáticamente cada {{seconds}}s",
     "Cancel": "Cancelar",
     "Clear": "Borrar",
     "ClearLogs": "Borrar registros",

resources/i18n/fi.json

@@ -60,6 +60,7 @@
   "button": {
     "Add": "Lisää",
     "Apply": "Hae",
+    "AutoRefreshEvery": "Automaattinen päivitys {{seconds}} s välein",
     "Cancel": "Peruuta",
     "Clear": "Poistaa",
     "ClearLogs": "Tyhjennä lokit",

resources/i18n/fr.json

@@ -60,6 +60,7 @@
   "button": {
     "Add": "Ajouter",
     "Apply": "Appliquer",
+    "AutoRefreshEvery": "Rafraîchissement automatique toutes les {{seconds}} s",
     "Cancel": "Annuler",
     "Clear": "Supprimer",
     "ClearLogs": "Effacer les journaux",

resources/i18n/id.json

@@ -60,6 +60,7 @@
   "button": {
     "Add": "Tambah",
     "Apply": "Menerapkan",
+    "AutoRefreshEvery": "Segarkan otomatis setiap {{seconds}}s",
     "Cancel": "Batalkan",
     "Clear": "Menghapus",
     "ClearLogs": "Hapus Log",

resources/i18n/it.json

@@ -60,6 +60,7 @@
   "button": {
     "Add": "Inserisci",
     "Apply": "Applicare",
+    "AutoRefreshEvery": "Aggiornamento automatico ogni {{seconds}}s",
     "Cancel": "Annulla",
     "Clear": "Eliminare",
     "ClearLogs": "Cancella registri",

resources/i18n/ja.json

@@ -60,6 +60,7 @@
   "button": {
     "Add": "追加",
     "Apply": "応募する",
+    "AutoRefreshEvery": "{{seconds}}秒ごとに自動更新",
     "Cancel": "キャンセル",
     "Clear": "消去",
     "ClearLogs": "ログをクリアする",