From a3ff8bff9f42f417a2eba26c7cb5b889c90a4f23 Mon Sep 17 00:00:00 2001
From: Wanjohi <elviswanjohi47@gmail.com>
Date: Fri, 10 Jan 2025 23:23:18 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9C=20fix(www):=20Fix=20the=20random?=
 =?UTF-8?q?=20avatars?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/www/src/routes/home/index.tsx | 2 +-
 packages/ui/src/home-nav-bar.tsx   | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/www/src/routes/home/index.tsx b/apps/www/src/routes/home/index.tsx
index 431c243c..d6464674 100644
--- a/apps/www/src/routes/home/index.tsx
+++ b/apps/www/src/routes/home/index.tsx
@@ -151,7 +151,7 @@ export default component$(() => {
                                                                 maskImage: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1"><circle r="0.5" cx="0.5" cy="0.5"/></svg>'),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1"><circle r="0.6" cx="1.1" cy="0.5"/></svg>')`
                                                             }}
                                                         >
-                                                            <Avatar name={(key * Math.floor(100 * Math.random())).toString()} />
+                                                            <Avatar name={((key + 1) * Math.floor(100 * Math.random())).toString()} />
                                                         </div>
                                                     </div>
                                                 ))}
diff --git a/packages/ui/src/home-nav-bar.tsx b/packages/ui/src/home-nav-bar.tsx
index dee53b37..cee4bac8 100644
--- a/packages/ui/src/home-nav-bar.tsx
+++ b/packages/ui/src/home-nav-bar.tsx
@@ -59,7 +59,7 @@ export const HomeNavBar = component$(() => {
                         <Dropdown.Popover
                             class="bg-[hsla(0,0%,100%,.5)] dark:bg-[hsla(0,0%,100%,.026)] min-w-[160px] max-w-[240px] backdrop-blur-md rounded-lg py-1 px-2 border border-[#e8e8e8] dark:border-[#2e2e2e] [box-shadow:0_8px_30px_rgba(0,0,0,.12)]">
                             <Dropdown.Group class="flex flex-col gap-1">
-                                {actions.map((action, key) => (
+                                {actions.map((action) => (
                                     <Dropdown.Item
                                         key={action.label}
                                         class="leading-none text-sm items-center text-[#6f6f6f] dark:text-[#a0a0a0] hover:text-[#171717] dark:hover:text-[#ededed] hover:bg-[rgba(0,0,0,.071)] dark:hover:bg-[hsla(0,0%,100%,.077)] flex px-2 gap-2 h-8 rounded-md cursor-pointer outline-none relative select-none  "
@@ -69,11 +69,11 @@ export const HomeNavBar = component$(() => {
                                             <Avatar class="flex-shrink-0 rounded-full" name={action.label} />
                                             {action.label}
                                         </span>
-                                        <div class="ml-auto">
+                                        {/* <div class="ml-auto">
                                             <kbd class="[text-shadow:hsla(0,0%,100%,.5)_0_0_1px] gap-1 items-center flex justify-center truncate px-1.5 text-xs min-w-5 h-5 rounded-[4px] bg-[rgba(0,0,0,.047)] dark:bg-[hsla(0,0%,100%,.056)] text-[#6f6f6f] dark:text-[#a0a0a0]">
                                                 {key + 1}
                                             </kbd>
-                                        </div>
+                                        </div> */}
                                     </Dropdown.Item>
                                 ))}
                             </Dropdown.Group>