From abbb5e9bcbe9e1884ff94329f1837cc2e0889efa Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Sat, 29 Jul 2023 05:28:30 +0300
Subject: [PATCH] Use sorted section selector in RootFolders

Fixes #3918
---
 .../src/Settings/MediaManagement/RootFolder/RootFolders.js    | 2 +-
 .../MediaManagement/RootFolder/RootFoldersConnector.js        | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Settings/MediaManagement/RootFolder/RootFolders.js b/frontend/src/Settings/MediaManagement/RootFolder/RootFolders.js
index 0701c451c6..9bfd82bbd2 100644
--- a/frontend/src/Settings/MediaManagement/RootFolder/RootFolders.js
+++ b/frontend/src/Settings/MediaManagement/RootFolder/RootFolders.js
@@ -55,7 +55,7 @@ class RootFolders extends Component {
         >
           <div className={styles.rootFolders}>
             {
-              items.sort(sortByName).map((item) => {
+              items.map((item) => {
                 const qualityProfile = qualityProfiles.find((profile) => profile.id === item.defaultQualityProfileId);
                 const metadataProfile = metadataProfiles.find((profile) => profile.id === item.defaultMetadataProfileId);
                 return (
diff --git a/frontend/src/Settings/MediaManagement/RootFolder/RootFoldersConnector.js b/frontend/src/Settings/MediaManagement/RootFolder/RootFoldersConnector.js
index 59508fd661..ae180a54e4 100644
--- a/frontend/src/Settings/MediaManagement/RootFolder/RootFoldersConnector.js
+++ b/frontend/src/Settings/MediaManagement/RootFolder/RootFoldersConnector.js
@@ -3,11 +3,13 @@ import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 import { deleteRootFolder, fetchRootFolders } from 'Store/Actions/settingsActions';
+import createSortedSectionSelector from 'Store/Selectors/createSortedSectionSelector';
+import sortByName from 'Utilities/Array/sortByName';
 import RootFolders from './RootFolders';
 
 function createMapStateToProps() {
   return createSelector(
-    (state) => state.settings.rootFolders,
+    createSortedSectionSelector('settings.rootFolders', sortByName),
     (state) => state.settings.qualityProfiles,
     (state) => state.settings.metadataProfiles,
     (rootFolders, quality, metadata) => {