999984: Fix for Employee Management Reported Issue

Author: TamilRamGanesan-SF5080

Employee_Managment_App/src/App.tsx

@@ -93,6 +93,7 @@ function App() {
           isOpen={sbIsOpen}
           type={sbType as any}
           position="Left"
+          className='app-nav-sidebar'
           showBackdrop={!isDesktop}
           closeOnDocumentClick={!isDesktop}
           open={() => {

Employee_Managment_App/src/components/EmployeeInfo.tsx

@@ -235,14 +235,12 @@ const EmployeeInfo = (props: { employeeData?: EmployeeDetails; userInfo?: Employ
                             <TabItemDirective header={headerText[0]} content={content0} />
                             {employeeData &&
                                 userInfo &&
-                                (userInfo.Name === employeeData.Name ||
-                                    userInfo.Name === employeeData.TeamLead) && (
+                                (userInfo.Name === employeeData.Name) && (
                                     <TabItemDirective header={headerText[1]} content={content1} />
                                 )}
                             {employeeData &&
                                 userInfo &&
-                                (userInfo.Name === employeeData.Name ||
-                                    userInfo.Name === employeeData.TeamLead) && (
+                                (userInfo.Name === employeeData.Name) && (
                                     <TabItemDirective header={headerText[2]} content={content2} />
                                 )}
                             {employeeData &&

Employee_Managment_App/src/components/TopNav.tsx

@@ -58,7 +58,6 @@ const TopNav: React.FC<TopNavProps> = ({
   const [query, setQuery] = useState('');
   const [avatarMenuOpen, setAvatarMenuOpen] = useState(false);
   const [mobileSearchOpen, setMobileSearchOpen] = useState(false);
-  const [createMenuOpen, setCreateMenuOpen] = useState(false);
 
   const [panelOpen, setPanelOpen] = useState(false);
   const [panelTab, setPanelTab] = useState<'notifications' | 'announcements'>('announcements');
@@ -83,14 +82,10 @@ const TopNav: React.FC<TopNavProps> = ({
       if (avatarRef.current && !avatarRef.current.contains(ev.target as Node)) {
         setAvatarMenuOpen(false);
       }
-      if (createRef.current && !createRef.current.contains(ev.target as Node)) {
-        setCreateMenuOpen(false);
-      }
     };
     const handleEsc = (e: KeyboardEvent) => {
       if (e.key === 'Escape') {
         setAvatarMenuOpen(false);
-        setCreateMenuOpen(false);
         setMobileSearchOpen(false);
         setPanelOpen(false);
       }
@@ -187,31 +182,6 @@ const TopNav: React.FC<TopNavProps> = ({
               </svg>
             </button>
 
-            <div className="btn-create-group" ref={createRef}>
-              <button
-                className="btn-create"
-                type="button"
-                onClick={() => setCreateMenuOpen((o) => !o)}
-                aria-haspopup="menu"
-                aria-expanded={createMenuOpen}
-                title="Create"
-              >
-                <span>Create</span>
-                <span className="e-icons e-chevron-down-fill" aria-hidden="true"></span>
-              </button>
-
-              {createMenuOpen && (
-                <ul className="create-menu" role="menu">
-                  <li role="menuitem">
-                    <button type="button" onClick={onCreate}>Create Leave</button>
-                  </li>
-                  <li role="menuitem">
-                    <button type="button" onClick={onCreate}>Create Permission</button>
-                  </li>
-                </ul>
-              )}
-            </div>
-
             <button className="icon-btn" type="button" onClick={onOpenChat} title="Messages">
               <svg width="20" height="20" viewBox="0 0 24 24" aria-hidden="true">
                 <path fill="currentColor" d="M21 6H3v12h5v4l4-4h9z" />

Employee_Managment_App/src/index.css

@@ -54921,6 +54921,10 @@ ejs-sidebar {
   display: block;
 }
 
+.e-sidebar.app-nav-sidebar {
+  overflow: hidden;
+}
+
 .e-menu-wrapper.e-hamburger .e-popup.e-menu-popup,
 .e-menu-container.e-hamburger .e-popup.e-menu-popup {
   border: 0;