finishing touches

Author: Kxffie

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "snipit"
-version = "1.1.0"
+version = "1.2.0"
 description = "A Code Snippet Manager"
 authors = ["kxffie"]
 edition = "2021"

src-tauri/Cargo.toml

@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "SnipIt",
-    "version": "1.1.0"
+    "version": "1.2.0"
   },
   "tauri": {
     "allowlist": {

src-tauri/tauri.conf.json

@@ -252,17 +252,21 @@ export const SnipItsList = ({ setActivePage }: { setActivePage: React.Dispatch<R
 
         {/* Snippet cards list */}
         <div className="flex-1 overflow-y-auto space-y-3 pr-2 scrollbar-hidden">
-        {filteredSnippets.map((snippet) => (
-          <SnipItCard
-            key={snippet.id}
-            snippet={snippet}
-            onEdit={(id) => setEditingSnippetId(id)}
-            onDelete={(id) => setSnippets(snippets.filter(s => s.id !== id))}
-            onSelect={(snippet) => setSelectedSnippet(snippet)}
-            onToggleStar={toggleStar}
-          />
-        ))}
-        </div>
+        {filteredSnippets
+          .slice() // Optional, to avoid mutating the original array
+          .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
+          .map((snippet) => (
+            <SnipItCard
+              key={snippet.id}
+              snippet={snippet}
+              onEdit={(id) => setEditingSnippetId(id)}
+              onDelete={(id) => setSnippets(snippets.filter((s) => s.id !== id))}
+              onSelect={(snippet) => setSelectedSnippet(snippet)}
+              onToggleStar={toggleStar}
+            />
+          ))}
+      </div>
+
       </main>
     </div>
   );