From 1839cb43988fa5b0c1ef446cda6e24871668f789 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Fri, 6 Dec 2024 10:29:52 +0100
Subject: [PATCH] map list key added

---
 src/component/breadcrumb/BreadcrumbComBS.jsx |  2 +-
 src/component/layout/layoutcom/UserMenu.jsx  | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/component/breadcrumb/BreadcrumbComBS.jsx b/src/component/breadcrumb/BreadcrumbComBS.jsx
index 271cb78..8db19e8 100644
--- a/src/component/breadcrumb/BreadcrumbComBS.jsx
+++ b/src/component/breadcrumb/BreadcrumbComBS.jsx
@@ -18,7 +18,7 @@ export default function BreadcrumbComBS({title='Home', paths=[]}) {
                             <ol className="breadcrumb gap-1 align-items-center p-0 m-b-0">
                                 <Link to={siteLinks.dash}><TiHomeOutline /></Link>
                                 {paths.map((item, index) => (
-                                    <li className={`d-flex align-items-center gap-1 ${index + 1 == paths.length ? 'active text-primary' : ''}`}>
+                                    <li key={index} className={`d-flex align-items-center gap-1 ${index + 1 == paths.length ? 'active text-primary' : ''}`}>
                                         <MdKeyboardDoubleArrowRight />
                                         {item}
                                     </li>
diff --git a/src/component/layout/layoutcom/UserMenu.jsx b/src/component/layout/layoutcom/UserMenu.jsx
index 5d649ef..f4f6b3b 100644
--- a/src/component/layout/layoutcom/UserMenu.jsx
+++ b/src/component/layout/layoutcom/UserMenu.jsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Link, useLocation } from 'react-router-dom'
 import siteLinks from '../../../links/siteLinks'
+import { IoIosArrowDown } from 'react-icons/io'
 export default function UserMenu() {
 
     const {pathname} = useLocation()
@@ -12,10 +13,13 @@ export default function UserMenu() {
                     <li className={`${pathname == siteLinks.dash ? 'active' : ''}`}>
                         <Link className="has-arrow" to='#' data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                             <i className="nav-icon ti ti-rocket"></i>
-                            <span className="nav-title">Dashboard</span>
+                            <div className='d-flex gap-2 justify-content-between align-items-center'>
+                                <span className="nav-title">Dashboard</span>
+                                <IoIosArrowDown />
+                            </div>
                             {/* <span className="nav-label label label-danger">9</span> */}
                         </Link>
-                        <ul id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#sidebarNav">
+                        <ul id="collapseOne" className="collapse show" aria-labelledby="headingOne" data-bs-parent="#sidebarNav">
                             <li className={`${pathname == siteLinks.dash ? 'active' : ''}`}><Link to={siteLinks.dash}>Home</Link></li>
                             <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Calendar</Link></li>
                             <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Contacts</Link></li>
@@ -30,9 +34,13 @@ export default function UserMenu() {
                     </li>
                     <li className={`${pathname == siteLinks.error ? 'active' : ''}`}>
                         <Link className="has-arrow" to='#' data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
-                            <i className="nav-icon ti ti-calendar"></i><span className="nav-title">Account</span>
+                            <i className="nav-icon ti ti-calendar"></i>
+                            <div className='d-flex gap-2 justify-content-between align-items-center'>
+                                <span className="nav-title">Account</span>
+                                <IoIosArrowDown />
+                            </div>
                         </Link>
-                        <ul id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#sidebarNav">
+                        <ul id="collapseTwo" className="collapse" aria-labelledby="headingTwo" data-bs-parent="#sidebarNav">
                             <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to={siteLinks.dash}>Users</Link></li>
                             <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to={siteLinks.dash}>Settings</Link></li>
                         </ul>