🥭 created issue detail page

HeeManSu · Jul 14, 2024 · fb05f13 · fb05f13
1 parent b3351bf
commit fb05f13
Show file tree

Hide file tree

Showing 17 changed files with 576 additions and 37 deletions.
diff --git a/mango-frontend/package-lock.json b/mango-frontend/package-lock.json
diff --git a/mango-frontend/package.json b/mango-frontend/package.json
@@ -16,6 +16,7 @@
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-select": "^2.1.1",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-tabs": "^1.1.0",

diff --git a/mango-frontend/src/assets/High.svg b/mango-frontend/src/assets/High.svg
diff --git a/mango-frontend/src/assets/Issues.svg b/mango-frontend/src/assets/Issues.svg
diff --git a/mango-frontend/src/assets/Low.svg b/mango-frontend/src/assets/Low.svg
diff --git a/mango-frontend/src/assets/Medium.svg b/mango-frontend/src/assets/Medium.svg
diff --git a/mango-frontend/src/assets/Urgent.svg b/mango-frontend/src/assets/Urgent.svg
diff --git a/mango-frontend/src/components/Create Sprint/CreateSprint.tsx b/mango-frontend/src/components/Create Sprint/CreateSprint.tsx
@@ -34,7 +34,6 @@ const CreateSprint: React.FC<CreateSprintProps> = ({ isOpen, onClose }) => {
     const [status, setStatus] = React.useState<'ongoing' | 'upcoming' | 'completed'>('ongoing');
     const today = startOfToday();
     const dispatch = useDispatch<AppDispatch>();
-    console.log(status);
 
     React.useEffect(() => {
         if (startDate && isBefore(today, startDate)) {

diff --git a/mango-frontend/src/components/Issue Table/Columns.tsx b/mango-frontend/src/components/Issue Table/Columns.tsx
@@ -4,12 +4,16 @@ import { ColumnDef } from "@tanstack/react-table";
 export const columns: ColumnDef<IssueType>[] = [
     {
         accessorKey: "title",
-        header: "Title",
+        header: "Name",
     },
     {
         accessorKey: "state",
         header: "State",
     },
+    {
+        accessorKey: "priority",
+        header: "Priority",
+    },
     {
         accessorKey: "sprint.name",
         header: "Sprint",
@@ -18,4 +22,8 @@ export const columns: ColumnDef<IssueType>[] = [
         accessorKey: "team_member.name",
         header: "Assignee",
     },
+    {
+        accessorKey: "start_date",
+        header: "Created On",
+    },
 ];
diff --git a/mango-frontend/src/components/Issue Table/IssueTable.tsx b/mango-frontend/src/components/Issue Table/IssueTable.tsx
@@ -32,15 +32,15 @@ export function IssueTable<TData, TValue>({
     });
 
     return (
-        <div className="mt-[100px] w-full">
-            <div className="rounded-md border">
+        <div className="mt-[8px] w-full">
+            <div className=" ">
                 <Table>
                     <TableHeader>
                         {table.getHeaderGroups().map((headerGroup) => (
                             <TableRow key={headerGroup.id}>
                                 {headerGroup.headers.map((header) => {
                                     return (
-                                        <TableHead className="border-r hover:bg-red-400" key={header.id}>
+                                        <TableHead className="border-r border-t hover:bg-slate-50" key={header.id}>
                                             {header.isPlaceholder
                                                 ? null
                                                 : flexRender(
@@ -61,7 +61,7 @@ export function IssueTable<TData, TValue>({
                                     data-state={row.getIsSelected() && "selected"}
                                 >
                                     {row.getVisibleCells().map((cell) => (
-                                        <TableCell className="border-red-500 border hover:to-blue-900" key={cell.id}>
+                                        <TableCell className="" key={cell.id}>
                                             {flexRender(cell.column.columnDef.cell, cell.getContext())}
                                         </TableCell>
                                     ))}