fix(layout-logs): wording and play btn state

Qovery · Nov 30, 2022 · 9d65c94 · 9d65c94
1 parent b7cc4db
commit 9d65c94
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/libs/pages/application/src/lib/ui/need-redeploy-flag/need-redeploy-flag.tsx b/libs/pages/application/src/lib/ui/need-redeploy-flag/need-redeploy-flag.tsx
@@ -25,6 +25,7 @@ export function NeedRedeployFlag(props: NeedRedeployFlagProps) {
         {props.application.status?.service_deployment_status === ServiceDeploymentStatusEnum.OUT_OF_DATE
           ? 'redeployed'
           : 'deployed'}{' '}
+        to apply the configuration changes
       </p>
     </Banner>
   )

diff --git a/libs/shared/ui/src/lib/components/layouts/layout-logs/layout-logs.tsx b/libs/shared/ui/src/lib/components/layouts/layout-logs/layout-logs.tsx
@@ -12,7 +12,7 @@ import { useParams } from 'react-router-dom'
 import { IconEnum, RunningStatus } from '@qovery/shared/enums'
 import { ApplicationEntity, EnvironmentEntity, LoadingStatus } from '@qovery/shared/interfaces'
 import { APPLICATION_LOGS_URL, DEPLOYMENT_LOGS_URL } from '@qovery/shared/router'
-import { ButtonIcon, ButtonIconStyle, ButtonSize, Icon, IconAwesomeEnum, StatusChip } from '@qovery/shared/ui'
+import { ButtonIcon, ButtonIconStyle, ButtonSize, Icon, IconAwesomeEnum, StatusChip, Tooltip } from '@qovery/shared/ui'
 import { scrollParentToChild } from '@qovery/shared/utils'
 import TabsLogs from './tabs-logs/tabs-logs'
 
@@ -166,13 +166,17 @@ export function LayoutLogs(props: LayoutLogsProps) {
             )}
             <div className="flex">
               {setPauseLogs && (
-                <ButtonIcon
-                  className="mr-2"
-                  icon={!pauseLogs ? IconAwesomeEnum.PAUSE : IconAwesomeEnum.PLAY}
-                  size={ButtonSize.TINY}
-                  style={ButtonIconStyle.DARK}
-                  onClick={() => setPauseLogs(!pauseLogs)}
-                />
+                <Tooltip side="top" content="Paused, show next logs" open={pauseLogs}>
+                  <div>
+                    <ButtonIcon
+                      className="mr-2"
+                      icon={!pauseLogs ? IconAwesomeEnum.PAUSE : IconAwesomeEnum.PLAY}
+                      size={ButtonSize.TINY}
+                      style={!pauseLogs ? ButtonIconStyle.DARK : ButtonIconStyle.BASIC}
+                      onClick={() => setPauseLogs(!pauseLogs)}
+                    />
+                  </div>
+                </Tooltip>
               )}
               <ButtonIcon
                 icon={IconAwesomeEnum.ARROW_UP_TO_LINE}