diff --git a/src/components/layout/header/Header.tsx b/src/components/layout/header/Header.tsx index 1b06d4e45..6bffcd6af 100644 --- a/src/components/layout/header/Header.tsx +++ b/src/components/layout/header/Header.tsx @@ -1,7 +1,8 @@ import { Box, createStyles, Group, Header as MantineHeader, Indicator } from '@mantine/core'; -import { useState, useEffect } from 'react'; -import { REPO_URL, CURRENT_VERSION } from '../../../../data/constants'; +import { useEffect, useState } from 'react'; +import { CURRENT_VERSION, REPO_URL } from '../../../../data/constants'; import { useConfigContext } from '../../../config/provider'; +import DockerMenuButton from '../../../modules/docker/DockerModule'; import { Logo } from '../Logo'; import { useCardStyles } from '../useCardStyles'; import { AddElementAction } from './Actions/AddElementAction/AddElementAction'; @@ -39,6 +40,7 @@ export function Header(props: any) { + diff --git a/src/modules/docker/DockerModule.tsx b/src/modules/docker/DockerModule.tsx index d46513202..579665ba3 100644 --- a/src/modules/docker/DockerModule.tsx +++ b/src/modules/docker/DockerModule.tsx @@ -7,17 +7,9 @@ import { useTranslation } from 'next-i18next'; import { useEffect, useState } from 'react'; import { useConfigContext } from '../../config/provider'; -import { IModule } from '../ModuleTypes'; import ContainerActionBar from './ContainerActionBar'; import DockerTable from './DockerTable'; -export const DockerModule: IModule = { - title: 'Docker', - icon: IconBrandDocker, - component: DockerMenuButton, - id: 'docker', -}; - export default function DockerMenuButton(props: any) { const [opened, setOpened] = useState(false); const [containers, setContainers] = useState([]); @@ -61,8 +53,7 @@ export default function DockerMenuButton(props: any) { if (!dockerEnabled) { return null; } - // Check if the user has at least one container - if (containers.length < 1) return null; + return ( <>