From f908da2ccf29d9d55913705357bb9035da4672a9 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Wed, 28 May 2025 16:07:11 -0230
Subject: [PATCH] Fix sorting in storage explorer (#35975)

* Fix sorting in storage explorer

* Fix check size
---
 .../Storage/StorageExplorer/FileExplorerHeader.tsx     | 10 +++++++---
 apps/studio/state/storage-explorer.tsx                 |  6 ++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/apps/studio/components/to-be-cleaned/Storage/StorageExplorer/FileExplorerHeader.tsx b/apps/studio/components/to-be-cleaned/Storage/StorageExplorer/FileExplorerHeader.tsx
index 32814c3cd0d..915edffb0c1 100644
--- a/apps/studio/components/to-be-cleaned/Storage/StorageExplorer/FileExplorerHeader.tsx
+++ b/apps/studio/components/to-be-cleaned/Storage/StorageExplorer/FileExplorerHeader.tsx
@@ -379,7 +379,9 @@ const FileExplorerHeader = ({
                 <DropdownMenuItem key={option.key} onClick={() => snap.setView(option.key)}>
                   <div className="flex items-center justify-between w-full">
                     <p>{option.name}</p>
-                    {snap.view === option.key && <Check className="text-brand" strokeWidth={2} />}
+                    {snap.view === option.key && (
+                      <Check size={16} className="text-brand" strokeWidth={2} />
+                    )}
                   </div>
                 </DropdownMenuItem>
               ))}
@@ -391,7 +393,9 @@ const FileExplorerHeader = ({
                     <DropdownMenuItem key={option.key} onClick={() => setSortBy(option.key)}>
                       <div className="flex items-center justify-between w-full">
                         <p>{option.name}</p>
-                        {sortBy === option.key && <Check className="text-brand" strokeWidth={2} />}
+                        {sortBy === option.key && (
+                          <Check size={16} className="text-brand" strokeWidth={2} />
+                        )}
                       </div>
                     </DropdownMenuItem>
                   ))}
@@ -405,7 +409,7 @@ const FileExplorerHeader = ({
                       <div className="flex items-center justify-between w-full">
                         <p>{option.name}</p>
                         {sortByOrder === option.key && (
-                          <Check className="text-brand" strokeWidth={2} />
+                          <Check size={16} className="text-brand" strokeWidth={2} />
                         )}
                       </div>
                     </DropdownMenuItem>
diff --git a/apps/studio/state/storage-explorer.tsx b/apps/studio/state/storage-explorer.tsx
index c2adec58356..1c21979b077 100644
--- a/apps/studio/state/storage-explorer.tsx
+++ b/apps/studio/state/storage-explorer.tsx
@@ -177,17 +177,19 @@ function createStorageExplorerState({
     },
 
     sortBy,
-    setSortBy: (value: STORAGE_SORT_BY) => {
+    setSortBy: async (value: STORAGE_SORT_BY) => {
       state.sortBy = value
       state.updateExplorerPreference()
       state.setSelectedFilePreview(undefined)
+      await state.refetchAllOpenedFolders()
     },
 
     sortByOrder,
-    setSortByOrder: (value: STORAGE_SORT_BY_ORDER) => {
+    setSortByOrder: async (value: STORAGE_SORT_BY_ORDER) => {
       state.sortByOrder = value
       state.updateExplorerPreference()
       state.setSelectedFilePreview(undefined)
+      await state.refetchAllOpenedFolders()
     },
 
     isSearching: false,