0.10.2-19 Frontend

frontend/src/pages/HistoryPage.jsx

@@ -354,7 +354,7 @@ export default function HistoryPage({ refreshToken = 0 }) {
   const [search, setSearch] = useState('');
   const [status, setStatus] = useState('');
   const [mediumFilter, setMediumFilter] = useState('');
-  const [layout, setLayout] = useState('list');
+  const [layout, setLayout] = useState('grid');
   const [sortKey, setSortKey] = useState('!start_time');
   const [sortField, setSortField] = useState('start_time');
   const [sortOrder, setSortOrder] = useState(-1);
@@ -432,6 +432,14 @@ export default function HistoryPage({ refreshToken = 0 }) {
     }
   };
 
+  useEffect(() => {
+    api.getPref('history_layout').then((res) => {
+      if (res?.value === 'list' || res?.value === 'grid') {
+        setLayout(res.value);
+      }
+    }).catch(() => {});
+  }, []);
+
   useEffect(() => {
     const timer = setTimeout(() => {
       load();
@@ -1169,7 +1177,10 @@ export default function HistoryPage({ refreshToken = 0 }) {
       <Button label="Neu laden" icon="pi pi-refresh" onClick={load} loading={loading} />
 
       <div className="history-dv-layout-toggle">
-        <DataViewLayoutOptions layout={layout} onChange={(event) => setLayout(event.value)} />
+        <DataViewLayoutOptions layout={layout} onChange={(event) => {
+          setLayout(event.value);
+          api.setPref('history_layout', event.value).catch(() => {});
+        }} />
       </div>
     </div>
   );