create issue with assignee

packages/frontend/src/Index.tsx

@@ -243,6 +243,7 @@ function Index() {
                     {selectedOrganisation && selectedProject && (
                         <CreateIssue
                             projectId={selectedProject?.Project.id}
+                            members={members}
                             completeAction={async () => {
                                 if (!selectedProject) return;
                                 await refetchIssues();

packages/frontend/src/components/create-issue.tsx

@@ -1,3 +1,4 @@
+import type { UserRecord } from "@issue/shared";
 import { type FormEvent, useState } from "react";
 import { Button } from "@/components/ui/button";
 import {
@@ -10,15 +11,18 @@ import {
 } from "@/components/ui/dialog";
 import { Field } from "@/components/ui/field";
 import { Label } from "@/components/ui/label";
+import { UserSelect } from "@/components/user-select";
 import { issue } from "@/lib/server";
 import { cn } from "@/lib/utils";
 
 export function CreateIssue({
     projectId,
+    members,
     trigger,
     completeAction,
 }: {
     projectId?: number;
+    members?: UserRecord[];
     trigger?: React.ReactNode;
     completeAction?: (issueId: number) => void | Promise<void>;
 }) {
@@ -27,6 +31,7 @@ export function CreateIssue({
     const [open, setOpen] = useState(false);
     const [title, setTitle] = useState("");
     const [description, setDescription] = useState("");
+    const [assigneeId, setAssigneeId] = useState<string>("unassigned");
     const [submitAttempted, setSubmitAttempted] = useState(false);
     const [submitting, setSubmitting] = useState(false);
     const [error, setError] = useState<string | null>(null);
@@ -34,6 +39,7 @@ export function CreateIssue({
     const reset = () => {
         setTitle("");
         setDescription("");
+        setAssigneeId("unassigned");
         setSubmitAttempted(false);
         setSubmitting(false);
         setError(null);
@@ -72,6 +78,7 @@ export function CreateIssue({
                 projectId,
                 title,
                 description,
+                assigneeId: assigneeId === "unassigned" ? null : Number(assigneeId),
                 onSuccess: async (data) => {
                     setOpen(false);
                     reset();
@@ -129,6 +136,13 @@ export function CreateIssue({
                             placeholder="Optional details"
                         />
 
+                        {members && members.length > 0 && (
+                            <div className="flex items-center gap-2 mt-2">
+                                <Label className="text-sm">Assignee</Label>
+                                <UserSelect users={members} value={assigneeId} onChange={setAssigneeId} />
+                            </div>
+                        )}
+
                         <div className="flex items-end justify-end w-full text-xs -mb-2 -mt-2">
                             {error ? (
                                 <Label className="text-destructive text-sm">{error}</Label>

packages/frontend/src/lib/server/issue/create.ts

@@ -5,17 +5,20 @@ export async function create({
     projectId,
     title,
     description,
+    assigneeId,
     onSuccess,
     onError,
 }: {
     projectId: number;
     title: string;
     description: string;
+    assigneeId?: number | null;
 } & ServerQueryInput) {
     const url = new URL(`${getServerURL()}/issue/create`);
     url.searchParams.set("projectId", `${projectId}`);
     url.searchParams.set("title", title.trim());
     if (description.trim() !== "") url.searchParams.set("description", description.trim());
+    if (assigneeId != null) url.searchParams.set("assigneeId", `${assigneeId}`);
 
     const res = await fetch(url.toString(), {
         headers: getAuthHeaders(),