From 1c46e07bf32d21c28856acd16f353601de284981 Mon Sep 17 00:00:00 2001 From: corpulent Date: Wed, 24 Aug 2022 16:04:43 +0300 Subject: [PATCH] feat: add k8s/docker logos --- .../src/components/Projects/PreviewBlock.tsx | 5 ++++ .../src/components/global/docker-logo.tsx | 28 +++++++++++++++++++ .../src/components/global/k8s-logo.tsx | 23 +++++++++++++++ 3 files changed, 56 insertions(+) create mode 100644 services/frontend/src/components/global/docker-logo.tsx create mode 100644 services/frontend/src/components/global/k8s-logo.tsx diff --git a/services/frontend/src/components/Projects/PreviewBlock.tsx b/services/frontend/src/components/Projects/PreviewBlock.tsx index 9840361..b150b28 100644 --- a/services/frontend/src/components/Projects/PreviewBlock.tsx +++ b/services/frontend/src/components/Projects/PreviewBlock.tsx @@ -1,6 +1,8 @@ import { useState } from "react"; import { useNavigate } from "react-router-dom"; import { TrashIcon } from "@heroicons/react/outline"; +import K8sLogo from "../../components/global/k8s-logo"; +import DockerLogo from "../../components/global/docker-logo"; import { truncateStr } from "../../utils"; import { IProject } from "../../types"; import ModalConfirmDelete from "../modals/ConfirmDelete"; @@ -60,6 +62,9 @@ const PreviewBlock = (props: IPreviewBlockProps) => { hover:bg-gray-200 `} > + {project.project_type === 0 && } + {project.project_type === 1 && } +
{truncateStr(project.name, 25)}
{isHovering && ( diff --git a/services/frontend/src/components/global/docker-logo.tsx b/services/frontend/src/components/global/docker-logo.tsx new file mode 100644 index 0000000..7920a4c --- /dev/null +++ b/services/frontend/src/components/global/docker-logo.tsx @@ -0,0 +1,28 @@ +const DockerLogo = () => { + return ( + + + + + + + + + + + ); +}; + +export default DockerLogo; diff --git a/services/frontend/src/components/global/k8s-logo.tsx b/services/frontend/src/components/global/k8s-logo.tsx new file mode 100644 index 0000000..61dee2c --- /dev/null +++ b/services/frontend/src/components/global/k8s-logo.tsx @@ -0,0 +1,23 @@ +const K8sLogo = () => { + return ( + + + + + ); +}; + +export default K8sLogo;