Sort tag and character select items

bombies · Nov 2, 2023 · 5dd9fd1 · 5dd9fd1
1 parent 396ee83
commit 5dd9fd1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/...)/(internal)/dashboard/(your-dreams)/components/dreams/forms/log/DreamCharacterSelect.tsx b/...)/(internal)/dashboard/(your-dreams)/components/dreams/forms/log/DreamCharacterSelect.tsx
@@ -1,11 +1,13 @@
 "use client"
 
-import {FC, Fragment, useState} from "react";
+import {FC, Fragment} from "react";
 import Button from "@/app/(site)/components/Button";
 import Select from "@/app/(site)/components/inputs/Select";
 import {Chip} from "@nextui-org/chip";
 import {SelectItem} from "@nextui-org/react";
-import {DreamCharactersState} from "@/app/(site)/(internal)/dashboard/(your-dreams)/components/dreams/hooks/useDreamCharacters";
+import {
+    DreamCharactersState
+} from "@/app/(site)/(internal)/dashboard/(your-dreams)/components/dreams/hooks/useDreamCharacters";
 import {UseFormRegister} from "react-hook-form";
 import PlusIcon from "@/app/(site)/components/icons/PlusIcon";
 
@@ -17,8 +19,6 @@ type Props = {
 }
 
 const DreamCharacterSelect: FC<Props> = ({onModalOpen, isDisabled, characters, register}) => {
-    const [modalOpen, setModalOpen] = useState(false)
-
     return (
         <Fragment>
             <div className="flex gap-4 mb-2">
@@ -38,7 +38,7 @@ const DreamCharacterSelect: FC<Props> = ({onModalOpen, isDisabled, characters, r
                 aria-label="Dream Characters"
                 register={register}
                 id="characters"
-                items={characters.data}
+                items={characters.data.sort((a, b) => a.name.localeCompare(b.name))}
                 placeholder="Who was in your dream?"
                 selectionMode={"multiple"}
                 renderValue={(items) => {

diff --git a/.../(site)/(internal)/dashboard/(your-dreams)/components/dreams/forms/log/DreamTagSelect.tsx b/.../(site)/(internal)/dashboard/(your-dreams)/components/dreams/forms/log/DreamTagSelect.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import {FC, Fragment, useState} from "react";
+import {FC, Fragment} from "react";
 import Button from "@/app/(site)/components/Button";
 import Select from "@/app/(site)/components/inputs/Select";
 import {Chip} from "@nextui-org/chip";
@@ -25,7 +25,7 @@ const DreamTagSelect: FC<Props> = ({onModalOpen, isDisabled, tags, register}) =>
                     color="cta"
                     size="sm"
                     onPress={onModalOpen}
-                    startContent={<PlusIcon width={20} />}
+                    startContent={<PlusIcon width={20}/>}
                     isDisabled={isDisabled}
                 >
                     Add New Tag
@@ -36,7 +36,7 @@ const DreamTagSelect: FC<Props> = ({onModalOpen, isDisabled, tags, register}) =>
                 aria-label="Dream Tags"
                 register={register}
                 id="tags"
-                items={tags.data}
+                items={tags.data.sort((a, b) => a.tag.localeCompare(b.tag))}
                 placeholder="Describe your dream with one or two words"
                 selectionMode={"multiple"}
                 renderValue={(items) => {