From 82462324614e3ebf93725ddc56bffd52fd26199d Mon Sep 17 00:00:00 2001
From: Paul Makles <me@insrt.uk>
Date: Sun, 3 Sep 2023 12:25:45 +0100
Subject: [PATCH] fix: sort emails

---
 app/panel/shield/classifications/page.tsx | 35 +++++++++++++++++------
 1 file changed, 26 insertions(+), 9 deletions(-)

diff --git a/app/panel/shield/classifications/page.tsx b/app/panel/shield/classifications/page.tsx
index 47a3954..c785f09 100644
--- a/app/panel/shield/classifications/page.tsx
+++ b/app/panel/shield/classifications/page.tsx
@@ -31,7 +31,10 @@ import {
   TableRow,
 } from "@/components/ui/table";
 import { toast } from "@/components/ui/use-toast";
-import { createEmailClassification, fetchEmailClassifications } from "@/lib/actions";
+import {
+  createEmailClassification,
+  fetchEmailClassifications,
+} from "@/lib/actions";
 import { EmailClassification } from "@/lib/db";
 import { useEffect, useState } from "react";
 
@@ -44,7 +47,7 @@ export default function Classifications() {
 
   useEffect(() => {
     fetchEmailClassifications().then((domains) => {
-      setDomains(domains);
+      setDomains(domains.sort((a, b) => a._id.localeCompare(b._id)));
       setLoaded(true);
     });
   }, []);
@@ -69,7 +72,9 @@ export default function Classifications() {
                       <AlertDialogDescription className="flex flex-row gap-1">
                         <Input
                           value={domainDraft}
-                          onChange={(e) => setDomainDraft(e.currentTarget.value)}
+                          onChange={(e) =>
+                            setDomainDraft(e.currentTarget.value)
+                          }
                           placeholder="reddit.com"
                         />
                         <Popover
@@ -88,10 +93,13 @@ export default function Classifications() {
                           <PopoverContent>
                             <Command>
                               {CLASSIFICATIONS.map((c) => (
-                                <CommandItem key={c} onSelect={() => {
-                                  setClassificationDraft(c);
-                                  setClassificationOpen(false);
-                                }}>
+                                <CommandItem
+                                  key={c}
+                                  onSelect={() => {
+                                    setClassificationDraft(c);
+                                    setClassificationOpen(false);
+                                  }}
+                                >
                                   {c}
                                 </CommandItem>
                               ))}
@@ -106,8 +114,17 @@ export default function Classifications() {
                         disabled={!domainDraft || !classificationDraft}
                         onClick={async () => {
                           try {
-                            await createEmailClassification(domainDraft, classificationDraft);
-                            setDomains([...domains, { _id: domainDraft, classification: classificationDraft }]);
+                            await createEmailClassification(
+                              domainDraft,
+                              classificationDraft
+                            );
+                            setDomains([
+                              ...domains,
+                              {
+                                _id: domainDraft,
+                                classification: classificationDraft,
+                              },
+                            ]);
                             setDomainDraft("");
                             setClassificationDraft("");
                             setClassificationOpen(false);