ran linter

uwblueprint · Nov 16, 2024 · 06fc4f4 · 06fc4f4
1 parent 700f6c2
commit 06fc4f4
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 27 deletions.
diff --git a/frontend/src/components/common/CommonTable.tsx b/frontend/src/components/common/CommonTable.tsx
@@ -22,15 +22,14 @@ import KeyboardArrowUpOutlinedIcon from "@mui/icons-material/KeyboardArrowUpOutl
 import KeyboardArrowDownOutlinedIcon from "@mui/icons-material/KeyboardArrowDownOutlined";
 import ModalContainer from "./ModalContainer";
 
-
 type TableTypes = string | number | boolean | Date;
 
 export type ColumnInfoTypes = { header: string; key: string };
 
 export interface TableData {
   [key: string]: TableTypes;
 }
-  
+
 type Props = {
   data: TableData[];
   columnInfo: ColumnInfoTypes[];
@@ -43,8 +42,6 @@ type SortState = {
   [key: string]: number;
 };
 
-
-
 const CommonTable = ({
   columnInfo,
   data,
@@ -80,15 +77,15 @@ const CommonTable = ({
   const handleRowClick = (row: TableData) => {
     setSelectedRow(row);
     setIsPreviewModalOpen(true);
-  }
+  };
 
   interface ColumnInfo {
     header: string;
     value: string;
   }
 
   const colData: ColumnInfo[] = columnInfo.map((col, index) => {
-  const value = Object.entries(selectedRow)[index]?.[1] || " ";
+    const value = Object.entries(selectedRow)[index]?.[1] || " ";
     return {
       header: String(col.header),
       value: String(value),
@@ -248,7 +245,7 @@ const CommonTable = ({
               .slice((page - 1) * maxResults, page * maxResults)
               .map((row, index) => {
                 return (
-                  <Tr key={index} >
+                  <Tr key={index}>
                     {isSelectable ? (
                       <Td p="0px 0px 0px 20px" w="16px">
                         <Checkbox
@@ -265,21 +262,24 @@ const CommonTable = ({
                       </Td>
                     ) : null}
                     {columnInfo.map((column, i) => (
-                      <Td 
-                          onClick={() => {
-                            handleRowClick(row);
-                          }}
-                          key={i}
-                       >{String(row[column.key])}</Td>
+                      <Td
+                        onClick={() => {
+                          handleRowClick(row);
+                        }}
+                        key={i}
+                      >
+                        {String(row[column.key])}
+                      </Td>
                     ))}
-                    <Td onClick={(e) => {
-                          e.stopPropagation(); 
-                          onEdit(row); 
-                        }}>
+                    <Td
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        onEdit(row);
+                      }}
+                    >
                       <Icon
                         as={EditOutlinedIcon}
                         _hover={{ cursor: "pointer" }}
-
                       />
                     </Td>
                   </Tr>
@@ -296,13 +296,14 @@ const CommonTable = ({
           setIsOpen={setIsPreviewModalOpen}
         >
           <Flex flexDir="column" gap="5px" mt="10px">
-              {colData.slice(1).map((column, index) => (
+            {colData.slice(1).map((column, index) => (
               <Text key={index}>
                 <Text as="span" fontWeight="700">
-                  {column.header}: {' '}
-                </Text> {column.value}
+                  {column.header}:{" "}
+                </Text>{" "}
+                {column.value}
               </Text>
-            ))}      
+            ))}
           </Flex>
         </ModalContainer>
       )}

diff --git a/frontend/src/components/common/ModalContainer.tsx b/frontend/src/components/common/ModalContainer.tsx
@@ -8,7 +8,7 @@ import {
   Button,
 } from "@chakra-ui/react";
 import DeleteOutlinedIcon from "@mui/icons-material/DeleteOutlined";
-import CloseIcon from '@mui/icons-material/Close';
+import CloseIcon from "@mui/icons-material/Close";
 
 type Props = {
   title: string;
@@ -41,8 +41,13 @@ const ModalContainer = ({
               Delete
             </Button>
           ) : (
-            <Button bg="transparent" h="auto" _hover={{ bg: "transparent" }} onClick={() => setIsOpen(false)}>
-              <CloseIcon/>
+            <Button
+              bg="transparent"
+              h="auto"
+              _hover={{ bg: "transparent" }}
+              onClick={() => setIsOpen(false)}
+            >
+              <CloseIcon />
             </Button>
           )}
         </ModalHeader>

diff --git a/frontend/src/components/pages/tasks/TasksPage.tsx b/frontend/src/components/pages/tasks/TasksPage.tsx
@@ -128,7 +128,7 @@ const TasksPage = (): React.ReactElement => {
   // const tasksByAssigneeId = React.useMemo(() => {
   //   return tasksByAssigneeIdData;
   // }, [tasksByAssigneeIdData]);
-  
+
   // const {
   //   loading: tasksByAssignerIdLoading,
   //   error: tasksByAssignerIdError,
@@ -151,7 +151,7 @@ const TasksPage = (): React.ReactElement => {
   // const tasksByStartDate = React.useMemo(() => {
   //   return taskByStartDateData;
   // }, [taskByStartDateData]);
-  
+
   // const {
   //   loading: tasksByStatusLoading,
   //   error: tasksByStatusError,