fixes

leanstacks · Sep 24, 2024 · 51abc99 · 51abc99
1 parent bb85304
commit 51abc99
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 8 deletions.
diff --git a/src/common/components/Header/Header.tsx b/src/common/components/Header/Header.tsx
@@ -88,12 +88,13 @@ const Header = ({
       </IonToolbar>
 
       {toolbars?.map((toolbarProps, index) => {
-        const isLastToolbar = toolbars.length - 1 === index;
+        const isLastToolbar: boolean = toolbars.length === index + 1;
+        const showProgressBar: boolean = isActiveProgressBar && isLastToolbar;
         const { children, ...props } = toolbarProps;
         return (
           <IonToolbar key={index} {...props}>
             {children}
-            {isActiveProgressBar && isLastToolbar && <IonProgressBar {...progressBar} />}
+            {showProgressBar && <IonProgressBar {...progressBar} />}
           </IonToolbar>
         );
       })}

diff --git a/src/pages/Users/components/UserList/UserGrid.tsx b/src/pages/Users/components/UserList/UserGrid.tsx
@@ -14,8 +14,7 @@ import EmptyCard from 'common/components/Card/EmptyCard';
 
 /**
  * Properties for the `UserGrid` component.
- * @param {string} [filterBy] - Optional. Filter the collection of users by a
- * partial `name` match.
+ * @param {string} [filterBy] - Optional. Critera to filter the list of `Users`.
  * @see {@link BaseComponentProps}
  */
 interface UserGridProps extends BaseComponentProps {

diff --git a/src/pages/Users/components/UserList/UserList.tsx b/src/pages/Users/components/UserList/UserList.tsx
@@ -14,8 +14,7 @@ import EmptyCard from 'common/components/Card/EmptyCard';
 
 /**
  * Properties for the `UserList` component.
- * @param {string} [filterBy] - Optional. Filter the collection of users by a
- * partial `name` match.
+ * @param {string} [filterBy] - Optional. Critera to filter the list of `Users`.
  * @param {string} [header] - Optional. The list header title. Default: `Users`.
  * @param {boolean} [showHeader] - Optional. Indicates if the header is shown. Default: `false`.
  * @see {@link BaseComponentProps}

diff --git a/src/pages/Users/components/UserList/UserListPage.tsx b/src/pages/Users/components/UserList/UserListPage.tsx
@@ -47,7 +47,7 @@ export const UserListPage = ({ testid = 'page-user-list' }: PropsWithTestId): JS
    * Handle changes to the search toolbar value as a user types.
    * @param {SearchbarCustomEvent} event - The event.
    */
-  const onInputSearch = (event: SearchbarCustomEvent) => {
+  const handleInputSearch = (event: SearchbarCustomEvent) => {
     setSearch(event.target.value ?? '');
   };
 
@@ -58,7 +58,7 @@ export const UserListPage = ({ testid = 'page-user-list' }: PropsWithTestId): JS
           title="Users"
           toolbars={[
             {
-              children: <Searchbar debounce={500} onIonInput={onInputSearch} />,
+              children: <Searchbar debounce={500} onIonInput={handleInputSearch} />,
               className: 'ls-toolbar-searchbar',
             },
           ]}