Updated icon style for ascending

Author: thatblindgeye

packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithSearchActions.tsx

@@ -134,9 +134,8 @@ export const ChatbotHeaderTitleDemo: FunctionComponent = () => {
               aria-label="Filter options"
               // eslint-disable-next-line no-console
               onClick={() => console.log('Filter button clicked')}
-            >
-              <FilterIcon />
-            </Button>
+              icon={<FilterIcon />}
+            />
           ) : undefined
         }
         searchActionEnd={
@@ -154,13 +153,14 @@ export const ChatbotHeaderTitleDemo: FunctionComponent = () => {
                   isExpanded={isSortSelectOpen}
                   variant="plain"
                   aria-label={`${sortLabels[selectedSort]}, Sort conversations`}
-                >
-                  <SortAmountDownIcon
-                    style={{
-                      transform: selectedSort === 'oldest' || selectedSort === 'alphabetical-asc' ? 'rotate(180deg)' : 'none'
-                    }}
-                  />
-                </MenuToggle>
+                  icon={
+                    <SortAmountDownIcon
+                      style={{
+                        transform: selectedSort === 'oldest' || selectedSort === 'alphabetical-asc' ? 'scaleY(-1)' : 'none'
+                      }}
+                    />
+                  }
+                />
               )}
             >
               <SelectList>

packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx

@@ -614,7 +614,7 @@ describe('ChatbotConversationHistoryNav', () => {
 
     expect(searchInput.parentElement?.previousElementSibling).toBeNull();
     expect(searchInput.parentElement?.nextElementSibling).toBeNull();
-  })
+  });
 
   it('Renders with action at start when searchActionStart is passed', () => {
     const handleSearch = jest.fn();
@@ -635,8 +635,8 @@ describe('ChatbotConversationHistoryNav', () => {
       />
     );
 
-    expect(screen.getByText("Search action start test")).toBeVisible();
-  })
+    expect(screen.getByText('Search action start test')).toBeVisible();
+  });
 
   it('Renders with action at end when searchActionEnd is passed', () => {
     const handleSearch = jest.fn();
@@ -657,8 +657,8 @@ describe('ChatbotConversationHistoryNav', () => {
       />
     );
 
-    expect(screen.getByText("Search action end test")).toBeVisible();
-  })
+    expect(screen.getByText('Search action end test')).toBeVisible();
+  });
 
   it('overrides nav title heading level when navTitleProps.headingLevel is passed', () => {
     render(