From c32f0f799247757115e48ae642a13fbb1bd5848d Mon Sep 17 00:00:00 2001 From: Manuel Ruwe Date: Fri, 23 Dec 2022 17:44:51 +0100 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8Re-add=20the=20docker=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/layout/header/Header.tsx | 6 ++++-- src/modules/docker/DockerModule.tsx | 11 +---------- src/modules/docker/index.ts | 1 - src/modules/index.ts | 1 - 4 files changed, 5 insertions(+), 14 deletions(-) delete mode 100644 src/modules/docker/index.ts 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 ( <>