From a3e20d22ccefc8a13396d91305809bfe5e4a7ef6 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 14 Dec 2021 17:51:45 -0800
Subject: [PATCH] Misc fixes - Add albumlist filter fallback - Fix grid view
 config section title

---
 src/components/library/AlbumList.tsx                       | 4 ++--
 src/components/settings/ConfigPanels/ListViewConfig.tsx    | 2 +-
 src/components/settings/ConfigPanels/LookAndFeelConfig.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/library/AlbumList.tsx b/src/components/library/AlbumList.tsx
index 6a26fb4..e9d57a5 100644
--- a/src/components/library/AlbumList.tsx
+++ b/src/components/library/AlbumList.tsx
@@ -52,7 +52,7 @@ const AlbumList = () => {
   const config = useAppSelector((state) => state.config);
   const misc = useAppSelector((state) => state.misc);
   const [isRefreshing, setIsRefreshing] = useState(false);
-  const [sortTypes, setSortTypes] = useState<any[]>();
+  const [sortTypes, setSortTypes] = useState<any[]>([]);
   const [viewType, setViewType] = useState(settings.getSync('albumViewType'));
   const [musicFolder, setMusicFolder] = useState(undefined);
   const albumFilterPickerContainerRef = useRef(null);
@@ -256,7 +256,7 @@ const AlbumList = () => {
                   defaultValue={album.active.filter}
                   value={album.active.filter}
                   groupBy="role"
-                  data={sortTypes}
+                  data={sortTypes || ALBUM_SORT_TYPES}
                   disabledItemValues={
                     config.serverType === Server.Jellyfin ? ['frequent', 'recent'] : []
                   }
diff --git a/src/components/settings/ConfigPanels/ListViewConfig.tsx b/src/components/settings/ConfigPanels/ListViewConfig.tsx
index 8b29c0e..68fb9bf 100644
--- a/src/components/settings/ConfigPanels/ListViewConfig.tsx
+++ b/src/components/settings/ConfigPanels/ListViewConfig.tsx
@@ -187,7 +187,7 @@ const ListViewConfig = ({
             config={{ option: columnListType, columnList }}
             virtualized
           />
-          <p style={{ fontSize: 'smaller' }}>* Drag & drop rows to re-order</p>
+          <p style={{ fontSize: 'smaller' }}>* Drag & drop rows from the # column to re-order</p>
         </StyledPanel>
       </div>
 
diff --git a/src/components/settings/ConfigPanels/LookAndFeelConfig.tsx b/src/components/settings/ConfigPanels/LookAndFeelConfig.tsx
index e4f31fe..b975b82 100644
--- a/src/components/settings/ConfigPanels/LookAndFeelConfig.tsx
+++ b/src/components/settings/ConfigPanels/LookAndFeelConfig.tsx
@@ -202,7 +202,7 @@ export const GridViewConfigPanel = ({ bordered }: any) => {
   const config = useAppSelector((state) => state.config);
 
   return (
-    <ConfigPanel header="Grid-View" bordered={bordered}>
+    <ConfigPanel header="Grid View" bordered={bordered}>
       <ConfigOption
         name="Card Size"
         description="The width and height in pixels (px) of each grid view card."