[adoptium.net-1508] Release notes should initially be sorted by priority & component

src/components/ReleaseNotesRender/index.tsx

@@ -2,7 +2,6 @@ import React, { useRef, MutableRefObject } from 'react';
 import { DataGrid, GridColDef, GridToolbarContainer, GridToolbarFilterButton, gridClasses } from '@mui/x-data-grid';
 import { useLocation } from '@gatsbyjs/reach-router';
 import queryString from 'query-string';
-
 import { fetchReleaseNotesForVersion, useOnScreen } from '../../hooks';
 import './ReleaseNotesRender.scss';
 
@@ -153,6 +152,7 @@ const ReleaseNotesRender = (): null | JSX.Element => {
                     sortModel: [{ field: 'priority', sort: 'asc' }],
                   },
                 }}
+                sortingOrder={['desc', 'asc']}
                 pageSizeOptions={[20, 50, 75]}
                 pagination
                 isRowSelectable={() => false}

src/hooks/fetchReleaseNotes.tsx

@@ -15,7 +15,21 @@
     useEffect(() => {
         if (isVisible) {
         (async () => {
-            setReleaseNotes(await fetchReleaseNote(version));
+            let result = await fetchReleaseNote(version);
+            if(result && Array.isArray(result.release_notes)) {
+                // issues/1508: Should initially be by (a) priority then (b) component.
+                result.release_notes = result.release_notes.sort((v1: ReleaseNote, v2: ReleaseNote) => {
+                    let c = 0;
+                    if(v1.priority && v2.priority) {
+                        c = v1.priority.localeCompare(v2.priority);
+                    }
+                    if(c === 0 && v1.component && v2.component) {
+                        c = v1.component.localeCompare(v2.component);
+                    }
+                    return c;
+                  });
+            }
+            setReleaseNotes(result);
         })();
         }
     }, [isVisible]);