Sort group select dropdown, add sortOnProperty function - #981

sennetconsortium · Oct 18, 2023 · 992c4b0 · 992c4b0
1 parent 33e20df
commit 992c4b0
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/src/components/custom/edit/GroupSelect.js b/src/components/custom/edit/GroupSelect.js
@@ -1,11 +1,16 @@
-import React, {useContext} from 'react';
+import React, {useContext, useEffect} from 'react';
 import {QuestionCircleFill} from "react-bootstrap-icons";
 import {Form} from 'react-bootstrap';
 import SenNetPopover from "../../SenNetPopover";
 import AppContext from "../../../context/AppContext";
 
 const GroupSelect = ({groups, onGroupSelectChange, entity_type, plural}) => {
     const {cache} = useContext(AppContext)
+
+    useEffect(() => {
+        groups.sortOnProperty('displayname')
+    })
+
     return (
         <>
             <Form.Group className="mb-3" controlId="group_uuid">

diff --git a/src/components/custom/js/functions.js b/src/components/custom/js/functions.js
@@ -377,6 +377,24 @@ Object.assign(String.prototype, {
     }
 })
 
+Object.assign(Array.prototype, {
+    sortOnProperty(key) {
+        return this.sort((a, b) => {
+                let fa = a[key].toLowerCase(),
+                    fb = b[key].toLowerCase()
+
+                if (fa < fb) {
+                    return -1
+                }
+                if (fa > fb) {
+                    return 1
+                }
+                return 0
+        })
+    }
+})
+
+
 export const flipObj = (obj) => {
     return Object.keys(obj).reduce((ret, key) => {
         ret[obj[key]] = key;