(squash) init

feat: filters, settings, backups

fix: ts compile errors

feat: new dashboard, webp previews and settings

feat: use webp for pdfs

feat: use webp

fix: analyze resets old data

fix: switch to corsproxy

fix: switch to free cors

fix: max upload limit

fix: currency conversion

feat: transaction export

fix: currency conversion

feat: refactor settings actions

feat: new loader

feat: README + LICENSE

doc: update readme

doc: update readme

doc: update readme

doc: update screenshots

ci: bump prisma

components/dashboard/unsorted-widget.tsx

@@ -0,0 +1,45 @@
+"use client"
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { File } from "@prisma/client"
+import { FilePlus, PartyPopper } from "lucide-react"
+import Link from "next/link"
+
+export default function DashboardUnsortedWidget({ files }: { files: File[] }) {
+  return (
+    <Card className="w-full h-full sm:max-w-xs bg-accent">
+      <CardHeader>
+        <CardTitle>
+          <Link href="/unsorted">
+            {files.length > 0 ? `${files.length} unsorted files` : "No unsorted files"} &rarr;
+          </Link>
+        </CardTitle>
+      </CardHeader>
+      <CardContent>
+        <div className="flex flex-col gap-2">
+          {files.slice(0, 3).map((file) => (
+            <Link
+              href={`/unsorted/#${file.id}`}
+              key={file.id}
+              className="rounded-md p-2 bg-background hover:bg-black hover:text-white"
+            >
+              <div className="flex flex-row gap-2">
+                <FilePlus className="w-8 h-8" />
+                <div className="grid flex-1 text-left leading-tight">
+                  <span className="truncate text-xs font-semibold">{file.filename}</span>
+                  <span className="truncate text-xs">{file.mimetype}</span>
+                </div>
+              </div>
+            </Link>
+          ))}
+          {files.length == 0 && (
+            <div className="flex flex-col items-center justify-center gap-2 text-sm text-muted-foreground h-full min-h-[100px]">
+              <PartyPopper className="w-5 h-5" />
+              <span>Everything is clear! Congrats!</span>
+            </div>
+          )}
+        </div>
+      </CardContent>
+    </Card>
+  )
+}