Merge pull request #2092 from Agenta-AI/AGE-914/implement-app-managem…

…ent-view [UI]: implemented app management view
Agenta-AI · Oct 21, 2024 · b22a883 · b22a883
2 parents e083abe + 8754fd0
commit b22a883
Show file tree

Hide file tree

Showing 14 changed files with 987 additions and 824 deletions.
diff --git a/agenta-web/cypress/support/commands/evaluations.ts b/agenta-web/cypress/support/commands/evaluations.ts
@@ -24,26 +24,18 @@ Cypress.Commands.add("createVariant", () => {
             cy.get('[data-cy="create-new-app-button"]').click()
             cy.get('[data-cy="create-from-template"]').click()
         } else {
-            cy.get('[data-cy="create-from-template__no-app"]').click()
+            cy.get('[data-cy="create-from-template"]').click()
         }
     })
 
-    cy.contains("Single Prompt OpenAI")
-        .parentsUntil('[data-cy^="app-template-card"]')
-        .last()
-        .contains("create app", {matchCase: false})
-        .click()
-
     const appName = randString(5)
     cy.task("log", `App name: ${appName}`)
 
-    cy.get('[data-cy="enter-app-name-modal"]')
-        .should("exist")
-        .within(() => {
-            cy.get("input").type(appName)
-        })
+    cy.get('[data-cy^="enter-app-name-input"]').type(appName)
+
+    cy.get('[data-cy="app-template-card"]').contains("Single Prompt OpenAI").click()
 
-    cy.get('[data-cy="enter-app-name-modal-button"]').click()
+    cy.get('[data-cy="create-app-from-template-button"]').click()
 
     cy.url().should("include", "/playground")
     cy.url().then((url) => {

diff --git a/agenta-web/public/assets/dark-complete-transparent_white_logo.png b/agenta-web/public/assets/dark-complete-transparent_white_logo.png
diff --git a/agenta-web/src/components/AppSelector/AppCard.tsx b/agenta-web/src/components/AppSelector/AppCard.tsx
@@ -16,15 +16,14 @@ const {Text} = Typography
 
 const useStyles = createUseStyles((theme: JSSTheme) => ({
     card: {
-        width: 300,
         display: "flex",
         flexDirection: "column",
         transition: "all 0.025s ease-in",
         cursor: "pointer",
+        boxShadow: theme.boxShadowTertiary,
         "& > .ant-card-head": {
             minHeight: 0,
-            padding: theme.paddingSM,
-
+            padding: `${theme.paddingXS}px ${theme.paddingSM}px`,
             "& .ant-card-head-title": {
                 fontSize: theme.fontSizeLG,
                 fontWeight: theme.fontWeightMedium,
@@ -88,7 +87,7 @@ const AppCard: React.FC<{
                 onClick={() => router.push(`/apps/${app.app_id}/overview`)}
                 extra={
                     <Dropdown
-                        trigger={["hover"]}
+                        trigger={["click"]}
                         overlayStyle={{width: 180}}
                         menu={{
                             items: [