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;