🩹 hide status icon tooltip in apps filter

traPtitech · Dec 3, 2023 · fd74dfa · fd74dfa
1 parent c947af7
commit fd74dfa
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/dashboard/src/components/templates/app/AppStatusIcon.tsx b/dashboard/src/components/templates/app/AppStatusIcon.tsx
@@ -39,6 +39,7 @@ const components: Record<ApplicationState, (size: IconProps) => JSXElement> = {
 interface Props {
   state: ApplicationState
   size?: number
+  hideTooltip?: boolean
 }
 
 export const AppStatusIcon = (props: Props): JSXElement => {
@@ -47,6 +48,7 @@ export const AppStatusIcon = (props: Props): JSXElement => {
       props={{
         content: props.state,
       }}
+      disabled={props.hideTooltip}
     >
       <Dynamic component={components[props.state]} size={props.size ?? 24} />
     </ToolTip>

diff --git a/dashboard/src/components/templates/app/AppsFilter.tsx b/dashboard/src/components/templates/app/AppsFilter.tsx
@@ -164,7 +164,7 @@ const AppsFilter: Component<{
                       <Checkbox.Indicator forceMount class={indicatorStyle}>
                         <CheckBoxIcon checked={props.statuses.includes(s.value)} />
                       </Checkbox.Indicator>
-                      <AppStatusIcon state={s.value} />
+                      <AppStatusIcon state={s.value} hideTooltip />
                       {s.label}
                     </Checkbox.Label>
                   </Checkbox.Root>