fix(pages-deployments): link logs

Author: RemiBonnet

libs/pages/application/src/lib/feature/page-deployments-feature/page-deployments-feature.tsx

@@ -55,7 +55,6 @@ export function PageDeploymentsFeature() {
 
   return (
     <PageDeployments
-      applicationId={application?.id}
       deployments={!isLoading ? application?.deployments?.items : loadingApplicationsDeployments}
       listHelpfulLinks={listHelpfulLinks}
       isLoading={isLoading}

libs/pages/application/src/lib/ui/page-deployments/page-deployments.tsx

@@ -3,14 +3,13 @@ import React, { useEffect, useState } from 'react'
 import { BaseLink, HelpSection, Table, TableRowDeployment } from '@qovery/shared/ui'
 
 export interface PageDeploymentsProps {
-  applicationId?: string
   deployments?: DeploymentHistoryApplication[]
   listHelpfulLinks: BaseLink[]
   isLoading?: boolean
 }
 
 export function Deployments(props: PageDeploymentsProps) {
-  const { applicationId, deployments = [], listHelpfulLinks, isLoading = true } = props
+  const { deployments = [], listHelpfulLinks, isLoading = true } = props
 
   const [data, setData] = useState<DeploymentHistoryApplication[]>(deployments)
 
@@ -66,8 +65,8 @@ export function Deployments(props: PageDeploymentsProps) {
         <div>
           {data?.map((currentData, index) => (
             <TableRowDeployment
-              id={applicationId}
               data={currentData as DeploymentHistoryApplication}
+              index={index}
               key={index}
               dataHead={tableHead}
               isLoading={isLoading}

libs/pages/database/src/lib/feature/page-deployments-feature/page-deployments-feature.tsx

@@ -49,7 +49,6 @@ export function PageDeploymentsFeature() {
 
   return (
     <PageDeployments
-      databaseId={database?.id}
       deployments={!isLoading ? database?.deployments?.items : loadingDatabasesDeployments}
       listHelpfulLinks={listHelpfulLinks}
       isLoading={isLoading}

libs/pages/database/src/lib/ui/page-deployments/page-deployments.tsx

@@ -3,14 +3,13 @@ import React, { useEffect, useState } from 'react'
 import { BaseLink, HelpSection, Table, TableRowDeployment } from '@qovery/shared/ui'
 
 export interface PageDeploymentsProps {
-  databaseId?: string
   deployments?: DeploymentHistoryDatabase[]
   listHelpfulLinks: BaseLink[]
   isLoading?: boolean
 }
 
 export function Deployments(props: PageDeploymentsProps) {
-  const { databaseId, deployments = [], listHelpfulLinks, isLoading = true } = props
+  const { deployments = [], listHelpfulLinks, isLoading = true } = props
 
   const [data, setData] = useState<DeploymentHistoryDatabase[]>(deployments)
 
@@ -62,9 +61,9 @@ export function Deployments(props: PageDeploymentsProps) {
         <div>
           {data?.map((currentData, index) => (
             <TableRowDeployment
-              id={databaseId}
               data={currentData as DeploymentHistoryDatabase}
               key={index}
+              index={index}
               dataHead={tableHead}
               isLoading={isLoading}
               noCommit

libs/pages/services/src/lib/ui/page-deployments/page-deployments.tsx

@@ -83,8 +83,8 @@ export function PageDeploymentsMemo(props: PageDeploymentsProps) {
         <div>
           {data?.map((currentData, index) => (
             <TableRowDeployment
-              id={currentData.id}
               data={currentData as DeploymentService}
+              index={index}
               key={index}
               dataHead={tableHead}
               isLoading={loading}

libs/shared/ui/src/lib/components/table/table-row-deployment/table-row-deployment.tsx

@@ -1,54 +1,55 @@
 import { DeploymentHistoryApplication, DeploymentHistoryDatabase, StateEnum } from 'qovery-typescript-axios'
 import { useState } from 'react'
-import { useParams } from 'react-router-dom'
+import { useNavigate, useParams } from 'react-router-dom'
 import { Link } from 'react-router-dom'
 import { ServiceTypeEnum } from '@qovery/shared/enums'
 import { ContainerApplicationEntity, DeploymentService } from '@qovery/shared/interfaces'
-import { APPLICATION_GENERAL_URL, APPLICATION_URL } from '@qovery/shared/router'
-import { ButtonIconAction, Skeleton, StatusChip, TableRow, Tag, TagCommit, Tooltip } from '@qovery/shared/ui'
+import { APPLICATION_GENERAL_URL, APPLICATION_URL, DEPLOYMENT_LOGS_URL } from '@qovery/shared/router'
+import {
+  ButtonIconAction,
+  IconAwesomeEnum,
+  Skeleton,
+  StatusChip,
+  TableRow,
+  Tag,
+  TagCommit,
+  Tooltip,
+} from '@qovery/shared/ui'
 import { renameStatus, timeAgo, trimId, upperCaseFirstLetter } from '@qovery/shared/utils'
 import Icon from '../../icon/icon'
 import { TableHeadProps } from '../table'
 
 export interface TableRowDeploymentProps {
-  id?: string
   data?: DeploymentService | DeploymentHistoryApplication | DeploymentHistoryDatabase
   dataHead: TableHeadProps[]
   columnsWidth?: string
   isLoading?: boolean
   startGroup?: boolean
   noCommit?: boolean
+  index?: number
 }
 
 export function TableRowDeployment(props: TableRowDeploymentProps) {
   const {
-    id,
     dataHead,
     columnsWidth = `repeat(${dataHead.length},minmax(0,1fr))`,
     isLoading,
     startGroup,
     data,
     noCommit,
+    index,
   } = props
 
   const [copy, setCopy] = useState(false)
   const [hoverId, setHoverId] = useState(false)
   const { organizationId, projectId, environmentId } = useParams()
+  const navigate = useNavigate()
 
   const buttonActionsDefault = [
     {
-      iconLeft: <Icon name="icon-solid-scroll" />,
-      onClick: () =>
-        window
-          .open(
-            `https://console.qovery.com/platform/organization/${organizationId}/projects/${projectId}/environments/${environmentId}/applications/${id}/summary?fullscreenLogs=true`,
-            '_blank'
-          )
-          ?.focus(),
+      iconLeft: <Icon name={IconAwesomeEnum.SCROLL} />,
+      onClick: () => navigate(DEPLOYMENT_LOGS_URL(organizationId, projectId, environmentId)),
     },
-    /*{
-      iconLeft: <Icon name="icon-solid-ellipsis-v" />,
-    },*/
   ]
 
   const handleCopy = (e: React.MouseEvent) => {
@@ -136,7 +137,7 @@ export function TableRowDeployment(props: TableRowDeploymentProps) {
                   {timeAgo(data?.updated_at ? new Date(data?.updated_at) : new Date(data?.created_at || ''))} ago
                 </span>
               </p>
-              {data?.name && !(data as ContainerApplicationEntity)?.image_name && (
+              {index === 0 && data?.name && !(data as ContainerApplicationEntity)?.image_name && (
                 <ButtonIconAction actions={buttonActionsDefault} />
               )}
             </>