From 97f8dd83cece69d03e24462327d20ccd3ce22649 Mon Sep 17 00:00:00 2001
From: peintnermax <max@caos.ch>
Date: Mon, 12 Aug 2024 09:58:49 +0200
Subject: [PATCH] lint

---
 apps/login/package.json                      | 4 ++--
 apps/login/src/app/(login)/overview/page.tsx | 9 ---------
 apps/login/src/ui/Avatar.tsx                 | 8 ++++++--
 3 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/apps/login/package.json b/apps/login/package.json
index 73b112d6b7e..cb84479cd39 100644
--- a/apps/login/package.json
+++ b/apps/login/package.json
@@ -7,8 +7,8 @@
     "test:watch": "concurrently --kill-others 'npm:test:unit:watch' 'npm:test:integration:watch'",
     "test:unit": "vitest",
     "test:unit:watch": "pnpm test:unit --watch",
-    "test:integration": "pnpm mock:build && concurrently --names 'mock,test' --success command-test --kill-others 'pnpm:mock' 'env-cmd -f ./.env.integration start-server-and-test start http://localhost:3000/loginname \"test:integration:run\"'",
-    "test:integration:watch": "concurrently --names 'mock,test' --kill-others 'pnpm:mock' 'env-cmd -f ./.env.integration start-server-and-test dev http://localhost:3000/loginname \"pnpm nodemon -e js,jsx,ts,tsx,css,scss --ignore \\\"__test__/**\\\" --exec \\\"pnpm test:integration:run\\\"\"'",
+    "test:integration": "pnpm mock:build && concurrently --names 'mock,test' --success command-test --kill-others 'pnpm:mock' 'env-cmd -f ./.env.integration start-server-and-test start http://localhost:3000 \"test:integration:run\"'",
+    "test:integration:watch": "concurrently --names 'mock,test' --kill-others 'pnpm:mock' 'env-cmd -f ./.env.integration start-server-and-test dev http://localhost:3000 \"pnpm nodemon -e js,jsx,ts,tsx,css,scss --ignore \\\"__test__/**\\\" --exec \\\"pnpm test:integration:run\\\"\"'",
     "test:integration:run": "cypress run --config-file ./cypress/cypress.config.ts --quiet",
     "test:integration:open": "cypress open --config-file ./cypress/cypress.config.ts",
     "mock": "pnpm mock:build && pnpm mock:run",
diff --git a/apps/login/src/app/(login)/overview/page.tsx b/apps/login/src/app/(login)/overview/page.tsx
index 7bddc8caa42..4cb2227bc99 100644
--- a/apps/login/src/app/(login)/overview/page.tsx
+++ b/apps/login/src/app/(login)/overview/page.tsx
@@ -38,15 +38,6 @@ export default function Page() {
               );
             })}
           </div>
-
-          <div className="flex flex-col">
-            <div className="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
-              Deploy your own on Vercel
-            </div>
-            <a href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fzitadel%2Ftypescript&root-directory=apps/login&env=ZITADEL_API_URL,ZITADEL_SERVICE_USER_ID,ZITADEL_SERVICE_USER_TOKEN&envDescription=Setup%20a%20service%20account%20with%20IAM_OWNER%20membership%20on%20your%20instance%20and%20provide%20its%20id%20and%20personal%20access%20token.&project-name=zitadel-login&repository-name=zitadel-login">
-              <img src="https://vercel.com/button" alt="Deploy with Vercel" />
-            </a>
-          </div>
         </div>
       </div>
     </div>
diff --git a/apps/login/src/ui/Avatar.tsx b/apps/login/src/ui/Avatar.tsx
index bfa5d229aed..a6203d4b460 100644
--- a/apps/login/src/ui/Avatar.tsx
+++ b/apps/login/src/ui/Avatar.tsx
@@ -2,6 +2,7 @@
 
 import { ColorShade, getColorHash } from "@/utils/colors";
 import { useTheme } from "next-themes";
+import Image from "next/image";
 
 interface AvatarProps {
   name: string | null | undefined;
@@ -77,8 +78,11 @@ export function Avatar({
       style={resolvedTheme === "light" ? avatarStyleLight : avatarStyleDark}
     >
       {imageUrl ? (
-        <img
-          className="border border-divider-light dark:border-divider-dark rounded-full w-12 h-12"
+        <Image
+          height={48}
+          width={48}
+          alt="avatar"
+          className="border border-divider-light dark:border-divider-dark rounded-full"
           src={imageUrl}
         />
       ) : (