Built user drop down

Author: guri2323

app/issues/[id]/AssigneeSelect.tsx

@@ -0,0 +1,18 @@
+import { Select } from "@radix-ui/themes";
+import React from "react";
+
+const AssigneeSelect = () => {
+  return (
+    <Select.Root>
+      <Select.Trigger placeholder="Assign.." />
+      <Select.Content>
+        <Select.Group>
+          <Select.Label>Suggestions</Select.Label>
+          <Select.Item value="1">Apple</Select.Item>
+        </Select.Group>
+      </Select.Content>
+    </Select.Root>
+  );
+};
+
+export default AssigneeSelect;

app/issues/[id]/page.tsx

@@ -7,6 +7,7 @@ import DeleteIssueButton from "./DeleteIssueButton";
 import { getServerSession } from "next-auth";
 import { authOptions } from "@/app/auth/authOptions";
 import { cache } from "react";
+import AssigneeSelect from "./AssigneeSelect";
 
 interface Props {
   params: Promise<{
@@ -37,6 +38,7 @@ const IssueDetailPage = async ({ params }: Props) => {
       {session && (
         <Box>
           <Flex direction="column" gap="4">
+            <AssigneeSelect />
             <EditIssueButton issueId={issue.id} />
             <DeleteIssueButton issueId={issue.id} />
           </Flex>