refactor: fix cicd

client/components/DropDownItem.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
-const DropdownItem = ({ label }: { label: string }) => {
+function DropdownItem({ label }: { label: string }) {
   return (
     <View style={styles.container}>
       <Text style={styles.dropdownLabel}>{label}</Text>
     </View>
   );
-};
+}
 
 const styles = StyleSheet.create({
   container: {
@@ -27,4 +27,4 @@ const styles = StyleSheet.create({
   }
 });
 
-export default DropdownItem;
+export { DropdownItem };

client/components/TaskInfoCard.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
-const TaskInfoComponent = ({
+export function TaskInfoComponent({
   name,
   label,
   category,
@@ -13,7 +13,7 @@ const TaskInfoComponent = ({
   category: string;
   type: string;
   date: Date;
-}) => {
+}) {
   const formattedStartDate = date ? new Date(date).toLocaleDateString() : 'N/A';
 
   return (
@@ -26,7 +26,7 @@ const TaskInfoComponent = ({
       <Text style={styles.categoryType}>{`${formattedStartDate}`}</Text>
     </View>
   );
-};
+}
 
 const styles = StyleSheet.create({
   container: {
@@ -53,5 +53,3 @@ const styles = StyleSheet.create({
     marginTop: 10
   }
 });
-
-export default TaskInfoComponent;

client/components/TaskType/CloseButton.tsx

@@ -1,15 +1,11 @@
 import React from 'react';
 
-import { useNavigation } from '@react-navigation/native';
 import { IconButton } from 'react-native-paper';
 
 import Close1 from '../../assets/close/close1.svg';
 import Close2 from '../../assets/close/close2.svg';
-import { AppStackNavigation } from '../../navigation/AppNavigation';
 
 export function CloseButton({ onPress }: { onPress: () => void }) {
-  const navigation = useNavigation<AppStackNavigation>();
-
   return (
     <IconButton
       className="align-center m-2 flex h-[50px] w-[52px] justify-center rounded-xl bg-carewallet-gray"

client/screens/TaskList.tsx

@@ -13,7 +13,7 @@ import DropDownPicker from 'react-native-dropdown-picker';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { Button } from 'react-native-paper';
 
-import TaskInfoComponent from '../components/TaskInfoCard';
+import { TaskInfoComponent } from '../components/TaskInfoCard';
 import { CloseButton } from '../components/TaskType/CloseButton';
 import { useCareWalletContext } from '../contexts/CareWalletContext';
 import { getTaskLabels, useFilteredTasks } from '../services/task';
@@ -56,12 +56,12 @@ export default function TaskListScreen() {
     ),
     []
   );
-  // TODO: Implement clearFilters function in dropdown picker
-  const clearFilters = () => {
-    setSearchQuery('');
-    setSelectedLabel(null);
-    closeBottomSheet();
-  };
+  // // TODO: Implement clearFilters function in dropdown picker
+  // const clearFilters = () => {
+  //   setSearchQuery('');
+  //   setSelectedLabel(null);
+  //   closeBottomSheet();
+  // };
 
   // Fetch task labels for each task (2d array list)
   useEffect(() => {

client/services/task.ts

@@ -1,8 +1,8 @@
-import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 
-import { Task } from '../types/task';
 import { TaskLabel } from '../types/label';
+import { Task } from '../types/task';
 import { api_url } from './api-links';
 
 type TaskQueryParams = {
@@ -15,9 +15,11 @@ type TaskQueryParams = {
   endDate?: string;
 };
 
-const getFilteredTasks = async (queryParams: TaskQueryParams): Promise<Task[]> => {
+const getFilteredTasks = async (
+  queryParams: TaskQueryParams
+): Promise<Task[]> => {
   const { data } = await axios.get(`${api_url}/tasks/filtered?`, {
-    params: queryParams,
+    params: queryParams
   });
   return data;
 };
@@ -28,16 +30,16 @@ export const getTaskLabels = async (taskID: string): Promise<TaskLabel[]> => {
 };
 
 export const useFilteredTasks = (queryParams: TaskQueryParams) => {
-  const queryClient = useQueryClient();
+  // const queryClient = useQueryClient();
 
   const { data: tasks, isLoading: tasksIsLoading } = useQuery<Task[]>({
     queryKey: ['filteredTaskList', queryParams],
     queryFn: () => getFilteredTasks(queryParams),
-    refetchInterval: 20000,
+    refetchInterval: 20000
   });
 
   return {
     tasks,
-    tasksIsLoading,
+    tasksIsLoading
   };
-};
+};

client/types/label.ts

@@ -1,5 +1,5 @@
 export interface TaskLabel {
-    task_id: number;
-    group_id: number;
-    label_name: string;
-}
+  task_id: number;
+  group_id: number;
+  label_name: string;
+}

client/types/task.ts

@@ -1,16 +1,16 @@
 export interface Task {
-    task_id: number;
-    group_id: number;
-    created_by: string;
-    created_date: string; 
-    start_date?: string | null; 
-    end_date?: string | null; 
-    notes?: string | null; 
-    repeating: boolean;
-    repeating_interval?: string | null; 
-    repeating_end_date?: string | null;
-    task_status: string;
-    task_type: string;
-    task_info?: string | null; 
-    [key: string]: string | number | boolean | null | undefined; // Index signature for string indexing
-};
+  task_id: number;
+  group_id: number;
+  created_by: string;
+  created_date: string;
+  start_date?: string | null;
+  end_date?: string | null;
+  notes?: string | null;
+  repeating: boolean;
+  repeating_interval?: string | null;
+  repeating_end_date?: string | null;
+  task_status: string;
+  task_type: string;
+  task_info?: string | null;
+  [key: string]: string | number | boolean | null | undefined; // Index signature for string indexing
+}