add deploy

frontend/src/components/IdeasTable/EditableCell.tsx

@@ -6,7 +6,7 @@ import {
   Box,
   ClickAwayListener,
 } from '@mui/material';
-import type { Idea, IdeaStatus, IdeaPriority } from '../../types/idea';
+import type { Idea } from '../../types/idea';
 import { useUpdateIdea } from '../../hooks/useIdeas';
 
 interface EditableCellProps {
@@ -27,7 +27,7 @@ export function EditableCell({
   renderDisplay,
 }: EditableCellProps) {
   const [isEditing, setIsEditing] = useState(false);
-  const [editValue, setEditValue] = useState(value || '');
+  const [editValue, setEditValue] = useState(value ?? '');
   const inputRef = useRef<HTMLInputElement>(null);
   const updateIdea = useUpdateIdea();
 
@@ -40,7 +40,7 @@ export function EditableCell({
 
   const handleDoubleClick = () => {
     setIsEditing(true);
-    setEditValue(value || '');
+    setEditValue(value ?? '');
   };
 
   const handleSave = async () => {
@@ -55,10 +55,10 @@ export function EditableCell({
 
   const handleKeyDown = (e: React.KeyboardEvent) => {
     if (e.key === 'Enter') {
-      handleSave();
+      void handleSave();
     } else if (e.key === 'Escape') {
       setIsEditing(false);
-      setEditValue(value || '');
+      setEditValue(value ?? '');
     }
   };
 
@@ -124,20 +124,3 @@ export function EditableCell({
     </Box>
   );
 }
-
-// Status options
-export const statusOptions: { value: IdeaStatus; label: string }[] = [
-  { value: 'backlog', label: 'Backlog' },
-  { value: 'todo', label: 'To Do' },
-  { value: 'in_progress', label: 'In Progress' },
-  { value: 'done', label: 'Done' },
-  { value: 'cancelled', label: 'Cancelled' },
-];
-
-// Priority options
-export const priorityOptions: { value: IdeaPriority; label: string }[] = [
-  { value: 'low', label: 'Low' },
-  { value: 'medium', label: 'Medium' },
-  { value: 'high', label: 'High' },
-  { value: 'critical', label: 'Critical' },
-];

frontend/src/components/IdeasTable/IdeasTable.tsx

@@ -28,13 +28,15 @@ const SKELETON_COLUMNS_COUNT = 7;
 export function IdeasTable() {
   const { data, isLoading, isError } = useIdeasQuery();
   const deleteIdea = useDeleteIdea();
-  const { sorting, setSorting, pagination, setPage, setLimit } = useIdeasStore();
+  const { sorting, setSorting, pagination, setPage, setLimit } =
+    useIdeasStore();
 
   const columns = useMemo(
     () => createColumns((id) => deleteIdea.mutate(id)),
-    [deleteIdea]
+    [deleteIdea],
   );
 
+  // eslint-disable-next-line react-hooks/incompatible-library
   const table = useReactTable({
     data: data?.data ?? [],
     columns,
@@ -51,7 +53,9 @@ export function IdeasTable() {
     setPage(newPage + 1);
   };
 
-  const handleChangeRowsPerPage = (event: React.ChangeEvent<HTMLInputElement>) => {
+  const handleChangeRowsPerPage = (
+    event: React.ChangeEvent<HTMLInputElement>,
+  ) => {
     setLimit(parseInt(event.target.value, 10));
   };
 
@@ -84,20 +88,22 @@ export function IdeasTable() {
                         active={sorting.sortBy === header.id}
                         direction={
                           sorting.sortBy === header.id
-                            ? (sorting.sortOrder.toLowerCase() as 'asc' | 'desc')
+                            ? (sorting.sortOrder.toLowerCase() as
+                                | 'asc'
+                                | 'desc')
                             : 'asc'
                         }
                         onClick={() => handleSort(header.id)}
                       >
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                       </TableSortLabel>
                     ) : (
                       flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )
                     )}
                   </TableCell>
@@ -109,11 +115,13 @@ export function IdeasTable() {
             {isLoading ? (
               Array.from({ length: 5 }).map((_, index) => (
                 <TableRow key={index}>
-                  {Array.from({ length: SKELETON_COLUMNS_COUNT }).map((_, colIndex) => (
-                    <TableCell key={colIndex}>
-                      <Skeleton variant="text" />
-                    </TableCell>
-                  ))}
+                  {Array.from({ length: SKELETON_COLUMNS_COUNT }).map(
+                    (_, colIndex) => (
+                      <TableCell key={colIndex}>
+                        <Skeleton variant="text" />
+                      </TableCell>
+                    ),
+                  )}
                 </TableRow>
               ))
             ) : table.getRowModel().rows.length === 0 ? (
@@ -156,7 +164,7 @@ export function IdeasTable() {
                     <TableCell key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </TableCell>
                   ))}

frontend/src/components/IdeasTable/columns.tsx

@@ -2,11 +2,15 @@ import { createColumnHelper } from '@tanstack/react-table';
 import { Chip, Box, IconButton } from '@mui/material';
 import { Delete } from '@mui/icons-material';
 import type { Idea, IdeaStatus, IdeaPriority } from '../../types/idea';
-import { EditableCell, statusOptions, priorityOptions } from './EditableCell';
+import { EditableCell } from './EditableCell';
+import { statusOptions, priorityOptions } from './constants';
 
 const columnHelper = createColumnHelper<Idea>();
 
-const statusColors: Record<IdeaStatus, 'default' | 'primary' | 'secondary' | 'success' | 'error'> = {
+const statusColors: Record<
+  IdeaStatus,
+  'default' | 'primary' | 'secondary' | 'success' | 'error'
+> = {
   backlog: 'default',
   todo: 'primary',
   in_progress: 'secondary',
@@ -14,7 +18,10 @@ const statusColors: Record<IdeaStatus, 'default' | 'primary' | 'secondary' | 'su
   cancelled: 'error',
 };
 
-const priorityColors: Record<IdeaPriority, 'default' | 'info' | 'warning' | 'error'> = {
+const priorityColors: Record<
+  IdeaPriority,
+  'default' | 'info' | 'warning' | 'error'
+> = {
   low: 'default',
   medium: 'info',
   high: 'warning',
@@ -30,7 +37,7 @@ export const createColumns = (onDelete: (id: string) => void) => [
         field="title"
         value={info.getValue()}
         renderDisplay={(value) => (
-          <Box sx={{ fontWeight: 500 }}>{value || '—'}</Box>
+          <Box sx={{ fontWeight: 500 }}>{value ?? '—'}</Box>
         )}
       />
     ),
@@ -40,7 +47,8 @@ export const createColumns = (onDelete: (id: string) => void) => [
     header: 'Status',
     cell: (info) => {
       const status = info.getValue();
-      const label = statusOptions.find((s) => s.value === status)?.label || status;
+      const label =
+        statusOptions.find((s) => s.value === status)?.label ?? status;
       return (
         <EditableCell
           idea={info.row.original}
@@ -60,7 +68,8 @@ export const createColumns = (onDelete: (id: string) => void) => [
     header: 'Priority',
     cell: (info) => {
       const priority = info.getValue();
-      const label = priorityOptions.find((p) => p.value === priority)?.label || priority;
+      const label =
+        priorityOptions.find((p) => p.value === priority)?.label ?? priority;
       return (
         <EditableCell
           idea={info.row.original}
@@ -88,7 +97,7 @@ export const createColumns = (onDelete: (id: string) => void) => [
         idea={info.row.original}
         field="module"
         value={info.getValue()}
-        renderDisplay={(value) => value || '—'}
+        renderDisplay={(value) => value ?? '—'}
       />
     ),
     size: 120,
@@ -100,7 +109,7 @@ export const createColumns = (onDelete: (id: string) => void) => [
         idea={info.row.original}
         field="targetAudience"
         value={info.getValue()}
-        renderDisplay={(value) => value || '—'}
+        renderDisplay={(value) => value ?? '—'}
       />
     ),
     size: 150,

frontend/src/components/IdeasTable/constants.ts

@@ -0,0 +1,16 @@
+import type { IdeaStatus, IdeaPriority } from '../../types/idea';
+
+export const statusOptions: { value: IdeaStatus; label: string }[] = [
+  { value: 'backlog', label: 'Backlog' },
+  { value: 'todo', label: 'To Do' },
+  { value: 'in_progress', label: 'In Progress' },
+  { value: 'done', label: 'Done' },
+  { value: 'cancelled', label: 'Cancelled' },
+];
+
+export const priorityOptions: { value: IdeaPriority; label: string }[] = [
+  { value: 'low', label: 'Low' },
+  { value: 'medium', label: 'Medium' },
+  { value: 'high', label: 'High' },
+  { value: 'critical', label: 'Critical' },
+];