include project owner

packages/frontend/src/components/issue-detail-pane.tsx

@@ -1,14 +1,15 @@
-import type { IssueResponse, ProjectRecord } from "@issue/shared";
+import type { IssueResponse, ProjectResponse } from "@issue/shared";
 import { X } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { issueID } from "@/lib/utils";
+import SmallUserDisplay from "./small-user-display";
 
 export function IssueDetailPane({
     project,
     issueData,
     close,
 }: {
-    project: ProjectRecord;
+    project: ProjectResponse;
     issueData: IssueResponse;
     close: () => void;
 }) {
@@ -16,7 +17,9 @@ export function IssueDetailPane({
         <div className="flex flex-col">
             <div className="flex flex-row items-center justify-end border-b h-[25px]">
                 <span className="w-full">
-                    <p className="text-sm w-fit px-1">{issueID(project.blob, issueData.Issue.number)}</p>
+                    <p className="text-sm w-fit px-1">
+                        {issueID(project.Project.blob, issueData.Issue.number)}
+                    </p>
                 </span>
 
                 <Button variant={"dummy"} onClick={close} className="px-0 py-0 w-6 h-6">
@@ -28,10 +31,12 @@ export function IssueDetailPane({
                 <h1 className="text-md">{issueData.Issue.title}</h1>
                 <p className="text-sm">{issueData.Issue.description}</p>
 
-                <p className="text-sm">
-                    Assignee:{" "}
-                    {issueData.User ? `${issueData.User.name} (${issueData.User.username})` : "Unassigned"}
-                </p>
+                {issueData.User && (
+                    <div className="flex items-center gap-2">
+                        Assignee:
+                        {issueData.User ? <SmallUserDisplay user={issueData.User} /> : "Unassigned"}
+                    </div>
+                )}
             </div>
         </div>
     );

packages/frontend/src/components/issues-table.tsx

@@ -1,4 +1,4 @@
-import type { IssueResponse, ProjectRecord } from "@issue/shared";
+import type { IssueResponse, ProjectResponse } from "@issue/shared";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { cn } from "@/lib/utils";
 
@@ -9,7 +9,7 @@ export function IssuesTable({
     issueSelectAction,
     className,
 }: {
-    project: ProjectRecord;
+    project: ProjectResponse;
     issuesData: IssueResponse[];
     columns?: { id?: boolean; title?: boolean; description?: boolean; assignee?: boolean };
     issueSelectAction?: (issue: IssueResponse) => void;