different icons for different sorting

Signed-off-by: its-mitesh-kumar <[email protected]>

Author: its-mitesh-kumar

workspaces/lightspeed/plugins/lightspeed/src/components/LightSpeedChat.tsx

@@ -49,6 +49,7 @@ import {
 import {
   PlusIcon,
   SearchIcon,
+  SortAmountDownAltIcon,
   SortAmountDownIcon,
 } from '@patternfly/react-icons';
 import { useQueryClient } from '@tanstack/react-query';
@@ -538,7 +539,12 @@ export const LightspeedChat = ({
               onClick={onSortToggle}
               isExpanded={isSortSelectOpen}
             >
-              <SortAmountDownIcon />
+              {selectedSort === 'oldest' ||
+              selectedSort === 'alphabeticalDesc' ? (
+                <SortAmountDownAltIcon />
+              ) : (
+                <SortAmountDownIcon />
+              )}
             </MenuToggle>
           </Tooltip>
         )}

workspaces/lightspeed/yarn.lock

@@ -15502,7 +15502,6 @@ __metadata:
     "@backstage/ui": ^0.8.2
     "@material-ui/core": ^4.12.2
     "@material-ui/icons": ^4.9.1
-    "@monaco-editor/react": ^4.6.0
     "@playwright/test": 1.57.0
     "@red-hat-developer-hub/backstage-plugin-lightspeed": "*"
     "@testing-library/dom": ^9.0.0
@@ -15511,7 +15510,6 @@ __metadata:
     "@testing-library/user-event": ^14.0.0
     "@types/react-dom": "*"
     cross-env: ^7.0.0
-    monaco-editor: ^0.52.0
     react: ^18.0.2
     react-dom: ^18.0.2
     react-router: ^6.3.0