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 (
<>