frontend: pod: Add deeplink params to view pod logs

Author: mudit06mah

frontend/src/components/pod/Details.tsx

@@ -26,7 +26,7 @@ import { Terminal as XTerminal } from '@xterm/xterm';
 import _ from 'lodash';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { useParams } from 'react-router-dom';
+import { useLocation, useParams } from 'react-router-dom';
 import { KubeContainerStatus } from '../../lib/k8s/cluster';
 import Pod from '../../lib/k8s/pod';
 import { DefaultHeaderAction } from '../../redux/actionButtonsSlice';
@@ -491,6 +491,43 @@ export default function PodDetails(props: PodDetailsProps) {
   const { t } = useTranslation('glossary');
   const dispatchHeadlampEvent = useEventCallback();
 
+  const lastAutoLaunchedPod = React.useRef<string | null>(null);
+  const location = useLocation();
+  const queryParams = new URLSearchParams(location.search);
+  const autoLaunchView = queryParams.get('view');
+  const [podItem, setPodItem] = React.useState<Pod | null>(null);
+
+  const launchLogs = React.useCallback(
+    (item: Pod) => {
+      Activity.launch({
+        id: 'logs-' + item.metadata.uid,
+        title: t('Logs: {{ itemName }}', { itemName: item.metadata.name }),
+        cluster: item.cluster,
+        icon: <Icon icon="mdi:file-document-box-outline" width="100%" height="100%" />,
+        location: 'full',
+        content: <PodLogViewer noDialog open item={item} onClose={() => {}} />,
+      });
+      dispatchHeadlampEvent({
+        type: HeadlampEventType.LOGS,
+        data: {
+          status: EventStatus.OPENED,
+        },
+      });
+    },
+    [t, dispatchHeadlampEvent]
+  );
+
+  React.useEffect(() => {
+    if (
+      podItem &&
+      autoLaunchView === 'logs' &&
+      lastAutoLaunchedPod.current !== podItem.metadata.uid
+    ) {
+      lastAutoLaunchedPod.current = podItem.metadata.uid;
+      launchLogs(podItem);
+    }
+  }, [podItem, launchLogs, autoLaunchView]);
+
   function prepareExtraInfo(item: Pod | null) {
     let extraInfo: {
       name: string;
@@ -589,6 +626,9 @@ export default function PodDetails(props: PodDetailsProps) {
       namespace={namespace}
       cluster={cluster}
       withEvents
+      onResourceUpdate={item => {
+        setPodItem(item);
+      }}
       actions={item =>
         item && [
           {
@@ -598,24 +638,7 @@ export default function PodDetails(props: PodDetailsProps) {
                 <ActionButton
                   description={t('Show Logs')}
                   icon="mdi:file-document-box-outline"
-                  onClick={() => {
-                    Activity.launch({
-                      id: 'logs-' + item.metadata.uid,
-                      title: t('Logs') + ': ' + item.metadata.name,
-                      cluster: item.cluster,
-                      icon: (
-                        <Icon icon="mdi:file-document-box-outline" width="100%" height="100%" />
-                      ),
-                      location: 'full',
-                      content: <PodLogViewer noDialog open item={item} onClose={() => {}} />,
-                    });
-                    dispatchHeadlampEvent({
-                      type: HeadlampEventType.LOGS,
-                      data: {
-                        status: EventStatus.OPENED,
-                      },
-                    });
-                  }}
+                  onClick={() => launchLogs(item)}
                 />
               </AuthVisible>
             ),

frontend/src/i18n/locales/de/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "QoS-Klasse",
   "Priority": "Priorität",
   "Show Logs": "Ereignisprotokolle anzeigen",
-  "Logs": "",
   "Terminal / Exec": "Terminal / Befehl ausführen",
   "Attach": "Anhängen",
   "Restarts": "Neustarts",

frontend/src/i18n/locales/en/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "QoS Class",
   "Priority": "Priority",
   "Show Logs": "Show Logs",
-  "Logs": "Logs",
   "Terminal / Exec": "Terminal / Exec",
   "Attach": "Attach",
   "Restarts": "Restarts",

frontend/src/i18n/locales/es/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "Clase QoS",
   "Priority": "Prioridad",
   "Show Logs": "Mostrar Registros",
-  "Logs": "",
   "Terminal / Exec": "Terminal / Exec",
   "Attach": "Adjuntar",
   "Restarts": "Reinicios",

frontend/src/i18n/locales/fr/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "Classe QoS",
   "Priority": "Priorité",
   "Show Logs": "Afficher les journaux",
-  "Logs": "",
   "Terminal / Exec": "Terminal / Exécution",
   "Attach": "Attacher",
   "Restarts": "Redémarrages",

frontend/src/i18n/locales/hi/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "QoS क्लास",
   "Priority": "प्राथमिकता",
   "Show Logs": "लॉग्स दिखाएं",
-  "Logs": "",
   "Terminal / Exec": "टर्मिनल / एक्जेक",
   "Attach": "अटैच",
   "Restarts": "रीस्टार्ट",

frontend/src/i18n/locales/it/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "Classe QoS",
   "Priority": "Priorità",
   "Show Logs": "Mostra Log",
-  "Logs": "",
   "Terminal / Exec": "Terminale / Esegui",
   "Attach": "Collega",
   "Restarts": "Riavvii",

frontend/src/i18n/locales/ja/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "QoS クラス",
   "Priority": "優先度",
   "Show Logs": "ログの表示",
-  "Logs": "",
   "Terminal / Exec": "ターミナル / 実行",
   "Attach": "アタッチ",
   "Restarts": "再起動",

frontend/src/i18n/locales/ko/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "QoS 클래스",
   "Priority": "우선순위",
   "Show Logs": "로그 보기",
-  "Logs": "",
   "Terminal / Exec": "터미널 / 실행",
   "Attach": "연결",
   "Restarts": "재시작",

frontend/src/i18n/locales/pt/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "Classe QoS",
   "Priority": "Prioridade",
   "Show Logs": "Mostrar Registos",
-  "Logs": "",
   "Terminal / Exec": "Terminal / Exec",
   "Attach": "Anexar",
   "Restarts": "Reinícios",