From 37abd9fdc58dd70f8ac25b58e9e39793b21aebe7 Mon Sep 17 00:00:00 2001
From: Arnaud <arnaud@status.im>
Date: Wed, 6 Nov 2024 21:36:58 +0100
Subject: [PATCH 1/2] Fix files disposition

---
 src/routes/dashboard/files.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/dashboard/files.css b/src/routes/dashboard/files.css
index cf12930..63ecf1f 100644
--- a/src/routes/dashboard/files.css
+++ b/src/routes/dashboard/files.css
@@ -3,7 +3,7 @@
   flex-wrap: wrap;
   gap: 16px;
 
-  .files {
+  .card {
     margin-bottom: 16px;
     flex: 1 1 67%;
   }

From a2fa7d2dc7e03d70db5068feb6b85331a1b3ab2c Mon Sep 17 00:00:00 2001
From: Arnaud <arnaud@status.im>
Date: Thu, 7 Nov 2024 13:26:15 +0100
Subject: [PATCH 2/2] Fix default sorting

---
 src/components/Availability/AvailabilitiesTable.tsx | 4 +++-
 src/components/Files/Files.tsx                      | 4 +++-
 src/components/Peers/Peers.tsx                      | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Availability/AvailabilitiesTable.tsx b/src/components/Availability/AvailabilitiesTable.tsx
index 03be8dd..b2c71d8 100644
--- a/src/components/Availability/AvailabilitiesTable.tsx
+++ b/src/components/Availability/AvailabilitiesTable.tsx
@@ -32,7 +32,9 @@ export function AvailabilitiesTable({ availabilities, space }: Props) {
     null
   );
   const [details, setDetails] = useState<string[]>([]);
-  const [sortFn, setSortFn] = useState<SortFn | null>(null);
+  const [sortFn, setSortFn] = useState<SortFn>(() =>
+    AvailabilityUtils.sortById("desc")
+  );
 
   const onReservationsClose = () => setAvailability(null);
 
diff --git a/src/components/Files/Files.tsx b/src/components/Files/Files.tsx
index a659e13..91b59ae 100644
--- a/src/components/Files/Files.tsx
+++ b/src/components/Files/Files.tsx
@@ -38,7 +38,9 @@ export function Files({ limit }: Props) {
   const [folders, setFolders] = useState<[string, string[]][]>([]);
   const [error, setError] = useState("");
   const [details, setDetails] = useState<CodexDataContent | null>(null);
-  const [sortFn, setSortFn] = useState<SortFn | null>(null);
+  const [sortFn, setSortFn] = useState<SortFn>(() =>
+    FilesUtils.sortByDate("desc")
+  );
   const [selectedFilters, setSelectedFilters] = useState<string[]>([]);
 
   useEffect(() => {
diff --git a/src/components/Peers/Peers.tsx b/src/components/Peers/Peers.tsx
index 2d1869f..93faf98 100644
--- a/src/components/Peers/Peers.tsx
+++ b/src/components/Peers/Peers.tsx
@@ -27,7 +27,7 @@ export const Peers = () => {
     setIps((ips) => ({ ...ips, [ip]: geo }));
   }, []);
 
-  const [sortFn, setSortFn] = useState<PeerSortFn | null>(() =>
+  const [sortFn, setSortFn] = useState<PeerSortFn>(() =>
     PeerUtils.sortByBoolean("desc")
   );