Merge pull request #77 from cabcookie/staging

Optimierung der Inbox
cabcookie · May 22, 2024 · a45e0cb · a45e0cb
2 parents e1f684e + 955141c
commit a45e0cb
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 19 deletions.
diff --git a/api/useInbox.tsx b/api/useInbox.tsx
@@ -69,7 +69,7 @@ const fetchInbox = async () => {
   if (errors) throw errors;
   return data
     .map(mapInbox)
-    .sort((a, b) => a.createdAt.getTime() - b.createdAt.getTime());
+    .sort((a, b) => b.createdAt.getTime() - a.createdAt.getTime());
 };
 
 const useInbox = () => {

diff --git a/docs/releases/next.md b/docs/releases/next.md
@@ -1,3 +1,3 @@
-# UI Optimierung für Notizen Editor (Version :VERSION)
+# Optimierung der Inbox (Version :VERSION)
 
-Der Notizen Editor hat nicht korrekt angezeigt, ob eine Notiz in der Datenbank gespeichert ist. Das ist nun behoben.
+Das Formular ist jetzt ganz oben auf der Seite und die aktuellsten Einträge ebenso.
diff --git a/pages/inbox/index.tsx b/pages/inbox/index.tsx
@@ -47,22 +47,6 @@ const InboxPage = () => {
 
   return (
     <MainLayout title="Inbox" sectionName="Inbox">
-      <ContextSwitcher context={context} />
-      <div className={styles.spacer} />
-
-      {inbox?.map((item) => (
-        <ToProcessItem
-          key={item.id}
-          title={
-            <WorkFlowItem
-              inboxItemId={item.id}
-              forwardUrl={`/inbox/${item.id}`}
-            />
-          }
-          actionStep={<GrCycle className={listStyles.listItemIcon} />}
-        />
-      ))}
-
       <div>
         <ToProcessItem
           title={
@@ -84,6 +68,23 @@ const InboxPage = () => {
           Confirm
         </SubmitButton>
       </div>
+
+      <div className={styles.spacer} />
+      <ContextSwitcher context={context} />
+      <div className={styles.spacer} />
+
+      {inbox?.map((item) => (
+        <ToProcessItem
+          key={item.id}
+          title={
+            <WorkFlowItem
+              inboxItemId={item.id}
+              forwardUrl={`/inbox/${item.id}`}
+            />
+          }
+          actionStep={<GrCycle className={listStyles.listItemIcon} />}
+        />
+      ))}
     </MainLayout>
   );
 };