Include run counts

kurtosis-tech · Dec 18, 2023 · 3a52969 · 3a52969
1 parent e8c38e6
commit 3a52969
Show file tree

Hide file tree

Showing 8 changed files with 31 additions and 14 deletions.
diff --git a/enclave-manager/web/packages/app/src/emui/catalog/package/Package.tsx b/enclave-manager/web/packages/app/src/emui/catalog/package/Package.tsx
@@ -1,7 +1,7 @@
 import { Box, Flex, Icon, Image, Input, InputGroup, InputRightElement, Text } from "@chakra-ui/react";
 import { DateTime } from "luxon";
 import { useState } from "react";
-import { IoStar } from "react-icons/io5";
+import { IoPlay, IoStar } from "react-icons/io5";
 import { useParams } from "react-router-dom";
 import { useKurtosisClient } from "../../../client/enclaveManager/KurtosisClientContext";
 
@@ -84,7 +84,7 @@ const PackageImpl = ({ kurtosisPackage }: PackageImplProps) => {
             >
               View on Github
             </PackageSourceButton>
-            <Flex borderBottomWidth={"1px"} borderBottomColor={"whiteAlpha.300"} gap={"16px"} p={"16px"}>
+            <Flex borderBottomWidth={"1px"} borderBottomColor={"whiteAlpha.300"} gap={"32px"} p={"16px"}>
               <Flex gap={"16px"} flexDirection={"column"}>
                 <Flex gap={"8px"} color="gray.400" fontWeight={"bold"} alignItems={"center"}>
                   <Icon as={IoStar} w={"12px"} h={"12px"} />
@@ -96,6 +96,17 @@ const PackageImpl = ({ kurtosisPackage }: PackageImplProps) => {
                   {kurtosisPackage.stars.toString()}
                 </Text>
               </Flex>
+              <Flex gap={"16px"} flexDirection={"column"}>
+                <Flex gap={"8px"} color="gray.400" fontWeight={"bold"} alignItems={"center"}>
+                  <Icon as={IoPlay} w={"12px"} h={"12px"} />
+                  <Text as={"span"} textTransform={"uppercase"}>
+                    Run Count
+                  </Text>
+                </Flex>
+                <Text as={"span"} fontWeight={"medium"} fontSize={"xl"}>
+                  {kurtosisPackage.runCount.toString()}
+                </Text>
+              </Flex>
             </Flex>
             <Flex gap={"16px"} flexDirection={"column"} p={"16px"}>
               <Text as={"span"} color="gray.400" fontWeight={"bold"} textTransform={"uppercase"}>

diff --git a/enclave-manager/web/packages/components/src/catalog/KurtosisPackageCard.tsx b/enclave-manager/web/packages/components/src/catalog/KurtosisPackageCard.tsx
@@ -1,6 +1,6 @@
 import { Box, Flex, Icon, Image, Text } from "@chakra-ui/react";
 import { KurtosisPackage } from "kurtosis-cloud-indexer-sdk";
-import { IoStar } from "react-icons/io5";
+import { IoPlay, IoStar } from "react-icons/io5";
 import { Link, useHref } from "react-router-dom";
 import { readablePackageName } from "./utils";
 import { RunKurtosisPackageButton } from "./widgets/RunKurtosisPackageButton";
@@ -57,9 +57,15 @@ export const KurtosisPackageCard = ({ kurtosisPackage, onRunClick }: KurtosisPac
                 <Text as={"span"} textTransform={"capitalize"}>
                   {kurtosisPackage.repositoryMetadata?.owner.replaceAll("-", " ") || "Unknown owner"}
                 </Text>
-                <Flex gap={"4px"} alignItems={"center"}>
-                  <Icon color="gray.  500" as={IoStar} />
-                  <Text as={"span"}>{kurtosisPackage.stars.toString()}</Text>
+                <Flex gap={"16px"}>
+                  <Flex gap={"4px"} alignItems={"center"}>
+                    <Icon color="gray.  500" as={IoStar} />
+                    <Text as={"span"}>{kurtosisPackage.stars.toString()}</Text>
+                  </Flex>
+                  <Flex gap={"4px"} alignItems={"center"}>
+                    <Icon color="gray.  500" as={IoPlay} />
+                    <Text as={"span"}>{kurtosisPackage.runCount.toString()}</Text>
+                  </Flex>
                 </Flex>
               </Flex>
             </Box>

diff --git a/engine/server/webapp/asset-manifest.json b/engine/server/webapp/asset-manifest.json
@@ -1,10 +1,10 @@
 {
   "files": {
-    "main.js": "./static/js/main.ff1c776d.js",
+    "main.js": "./static/js/main.345117dd.js",
     "index.html": "./index.html",
-    "main.ff1c776d.js.map": "./static/js/main.ff1c776d.js.map"
+    "main.345117dd.js.map": "./static/js/main.345117dd.js.map"
   },
   "entrypoints": [
-    "static/js/main.ff1c776d.js"
+    "static/js/main.345117dd.js"
   ]
 }
diff --git a/engine/server/webapp/index.html b/engine/server/webapp/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Kurtosis Enclave Manager"/><title>Kurtosis Enclave Manager</title><script defer="defer" src="./static/js/main.ff1c776d.js"></script></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Kurtosis Enclave Manager"/><title>Kurtosis Enclave Manager</title><script defer="defer" src="./static/js/main.345117dd.js"></script></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/engine/server/webapp/static/js/main.345117dd.js b/engine/server/webapp/static/js/main.345117dd.js
diff --git a/...pp/static/js/main.ff1c776d.js.LICENSE.txt → ...pp/static/js/main.345117dd.js.LICENSE.txt b/...pp/static/js/main.ff1c776d.js.LICENSE.txt → ...pp/static/js/main.345117dd.js.LICENSE.txt
diff --git a/...ver/webapp/static/js/main.ff1c776d.js.map → ...ver/webapp/static/js/main.345117dd.js.map b/...ver/webapp/static/js/main.ff1c776d.js.map → ...ver/webapp/static/js/main.345117dd.js.map
diff --git a/engine/server/webapp/static/js/main.ff1c776d.js b/engine/server/webapp/static/js/main.ff1c776d.js